@charset "UTF-8";
/* CSS Document */


* {
	margin:0;
	padding: 0;
}







.small {
	display: none;
}

.big {
	display: none;
}

.iphone {
	display: block;
}



	
/* navigation IPHONE*/	
/* The Overlay (background) */
.overlayip {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

/* Position the content inside the overlay */
.overlay-contentip {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/* The navigation links inside the overlay */
.overlayip a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlayip a:hover, .overlayip a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlayip .closebtnip {
     position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
	
	.buttonip {
		padding: 25px;
		padding-left: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		background-color: white;
		
		
	}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlayip {overflow-y: auto;}
  .overlayip a {font-size: 20px}
  .overlayip .closebtnip {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
		








/* top banner iphone */
	
section#titleip {
	height: 100%;
	padding-top: 190px;
	margin-top: 40px;
	padding-bottom: 180px;
	background-size: cover;
	padding-left: 40px;
		padding-right: 40px;

	
}

section#titleip h2{ 
text-align: center;
padding-bottom: 30px;

	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#titleip h1{
	text-align: center;
	color: #0e69d9;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}

	








	

	
	














@media (min-width: 605px)
{

.big {
	display: none;
}

.small {
	display: block;
}

.iphone {
	display: none;
}

	
	
	
	
/* navigation SMALL*/	
	
	
/* The Overlay (background) */
.overlaysm {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

/* Position the content inside the overlay */
.overlay-contentsm {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/* The navigation links inside the overlay */
.overlaysm a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlaysm a:hover, .overlaysm a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlaysm .closebtnsm {
     position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
	
	.buttonsm {
		padding: 25px;
		padding-left: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		background-color: white;
		
		
	}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlaysm {overflow-y: auto;}
  .overlaysm a {font-size: 20px}
  .overlaysm .closebtnsm {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
		

	
	

	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
/* top banner small */
	
section#titlesm {
	height: 100%;
	background-color: #ebebeb;
	padding-top: 280px;
	margin-top: 70px;
	padding-bottom: 180px;
	background: url('../images/roguelifestyle.jpg') no-repeat center center;
	background-size: cover;

	
}

	
	

	
	

	
	

	
/* overview */
section#overviewsm h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#overviewsm h2{
text-align: left;
	padding-top: 100px;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	

	
section#overviewsm p{
	text-align: left;
		padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	
	
	section#overviewsm h4{
	text-align: left;
	padding-left: 73px;
	padding-top: 25px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	}
	
	



	
/* hero image*/	
section#heroimage {
	height: 100%;
	background-color: #ebebeb;
	padding-top: 200px;
	margin-top: 130px;
	padding-bottom: 300px;
	background: url('../images/roguelifestyle2.jpg') no-repeat center center;
	background-size: cover;

	
}
	
	
	

	/* objective small*/
	
section#objectivesm h3{ 
text-align: left;
padding-bottom: 30px;
	padding-right: 40px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#objectivesm h2{
text-align: left;
	padding-top: 100px;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	

	
section#objectivesm p{
	text-align: left;
		padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	
section#objectivesm h4{
	text-align: center;
	}
	
	section#objectivesm img {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
	}
	








	
	
	
/* Final design concept SMALL section */

	
	

section#artsm{
	
	background-color: #111111;
	padding-top: 130px;
	padding-bottom: 60px;
	padding-right: 35px;
	padding-left: 35px;

	
	}
		
section#artsm h4{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 2px;
	padding-bottom: 40px;


		
	}
	
section#artsm p{
	text-align: center;
	color: #98a3ae;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	}
	
section#artsm img{
		max-width: 100%;


	}
	
	
	
	
	
	
	

	

	

/* retouching small*/	
	section#retouchingsm {
		padding-top: 100px;
	padding-bottom: 10px;
	}	
	
section#retouchingsm h3{ 
text-align: left;
	padding-right: 100px;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#retouchingsm h2{
text-align: left;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#retouchingsm p{
	text-align: left;
padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	
section#retouchingsm img{
	padding-top: 50px;
	padding-left: 30px;
	max-width: 100%;
	padding-right: 30px;

	}
	


	
	
	
	
	
	
/* hero image*/	
section#hero2image {
	height: 100%;
	background-color: #ebebeb;
	padding-top: 100px;
	margin-top: 130px;
	padding-bottom: 300px;
	background: url('../images/roguelifestyle.jpg') no-repeat center center;
	background-size: cover;

	
}	
	
	

	
	

/* retail */	
	section#retailsm {
		padding-top: 100px;
	padding-bottom: 20px;
	}	
	
	section#retailsm h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
	section#retailsm h2{
text-align: left;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
	section#retailsm p{
	text-align: left;
padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	padding-bottom: 40px;
	}
	
	
	section#retailsm img{
	padding-top: 20px;
	padding-left: 30px;
	max-width: 100%
		;
	padding-right: 30px;

	}
	
	


	
	
	
	
	
	
	
/* up next small section */	

	
section#next{
	padding-top: 30px;
	margin-bottom: 130px;
	}
	
section#next h2{

text-align: center;
padding-top: 73px;
	padding-bottom: 30px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#next p{
	text-align: center;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 34px;
  	font-size: 18px;
	letter-spacing: .5px;
	
	}
	
	
section#next h4{
	padding-top: 50px;
	text-align: center;

	}
	
	

	
	
	
/* up next small button */	
	
	
.btnn {

    border: 1.7px solid #111111;
    background-color: none;
    padding: 14px 28px;
    cursor: pointer;
	text-decoration: none;
}

.nextproject {
	
    border-color: #111111;
    color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 11px;
}

.nextproject:hover {
    background-color: #0e69d9;
	border-color: #0e69d9;
    color: white;
	transition: 0.5s;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-size: 11px;

}
	


	

	
	
	
	
/* footer SMALL column*/
	

* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.footercolumnsm {
    float: left;
    width: 50%;
    padding: 10px;
	text-align: left;
	padding-left: 70px;
}

/* Clear floats after the columns */
.rowsm:after {
    content: "";
    display: table;
    clear: both;
}
	
	
section#bottomnavsm h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
	padding-bottom: 5px;
		
	}
	
section#bottomnavsm p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 12px;
	
}
	
section#bottomnavsm {
	background-color: #ebebeb;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 300px;
	
}
	
section#bottomnavsm a{
	text-decoration: none;
	color: black;
	}
	
section#bottomnavsm a:hover{
	color: #0e69d9;
	font-weight: normal;

	
	}
	
section#socialsm a{
	padding-right: 5px;
	}

	
	
section#footer {
	text-align: center;
	color: #98a3ae;	
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #111111;
	}
		
section#footer p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	font-size: 11px;
	}

		
	
	


	

	



	
	










@media (min-width: 955px)
{


article {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}	
	
html{
	height: 100%;
}
	
.big {
	display: block;
}

.small {
	display: none;
}

.iphone {
	display: none;
}

	
	

	
	
	
	

	
	
	
/* navigation */	
	
/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
     position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
	
	.button {
		padding: 20px;
		padding-left: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		background-color: white;
		
		
	}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
	
	
	

	
	

	
/* top banner */
	
section#title {
	height: 100%;
	background-color: #ebebeb;
	padding-top:380px;
	margin-top: 70px;
	padding-bottom: 180px;
	background: url('../images/roguelifestyle.jpg') no-repeat center center;
	background-size: cover;

	
}

	
	
	
	

	
	


* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.overviewcolumn {
    float: left;
    width: 70%;
    padding: 10px;
	text-align: left;
	padding-bottom: 150px;
	padding-right: 70px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
	
	
section#overview h2{
	text-align: left;
	padding-left: 73px;
	padding-top: 30px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#overview h3 {

	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	font-size: 30px;
	line-height: 17px;
	letter-spacing: 1px;
	padding-bottom: 30px;
	text-align: left;
	padding-left: 70px;
	padding-top: 20px;
		
	}
	
	section#overview h4{
	text-align: left;
	padding-left: 73px;
	padding-top: 25px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;


}
	
section#overview p{
	text-align: left;
	padding-left: 60px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;

	
	
}
	
section#overview {
	text-align: center;
	padding-top: 80px;
		margin-bottom: 50px;



	
}
	
	
	
	

	
/* hero image*/	
section#heroimage {
	height: 100%;
	background-color: #ebebeb;
	padding-top: 200px;
	margin-top: 130px;
	padding-bottom: 300px;
	background: url('../images/roguelifestyle2.jpg') no-repeat center center;
	background-size: cover;

	
}
	
	
	
/* objective */
	
section#objective h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#objective h2{
text-align: left;
	padding-top: 100px;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	

	
section#objective p{
	text-align: left;
		padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
section#objective h4{
	text-align: center;
	}
	
	section#objective img {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
	}
	
	
	
	

	
	
	
	
/* Final design concept section */

	
	

section#art{
	
	background-color: #111111;
	padding-top: 130px;
	padding-bottom: 60px;
	padding-right: 35px;
	padding-left: 35px;

	
	}
		
section#art h4{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 2px;
	padding-bottom: 40px;


		
	}
	
section#art p{
	text-align: left;
	padding-left: 70px;
	color: #98a3ae;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	}
	
section#art img{
		max-width: 100%;


	}	

	
	
	
	
	
	
	

	
/* rendersection */	


* {box-sizing: border-box}
	
section#render
	{
		margin-top: 100px;
	
	}

.section-block {
    width: 100%;
    padding-top: 7rem;
    padding-bottom: 7rem;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}	
	
.bkg-grey-ultralight {
    background-color: #ebebeb;
    border-color: #ebebeb;
}
	
.right {
	text-align: left;
	padding-right: 150px;
	padding-left: 50px;
}	

body {
    padding: 0;
    margin: 0;
    background: white;
    color: black;
	font-family: 'Montserrat', sans-serif;   
    font-size: 1.4rem;
    line-height: 1.8;
	
}	

section#retouching h3{	
	text-align: left;
	letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
	}
	
section#retouching h2{
	text-align: left;
	color: black;
	padding-bottom: 15px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 30px;	
	line-height: 50px;
	}
	
section#retouching p{
	text-align: left;
	color: grey;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 30px;
  	font-size: 15.6px;
	padding-bottom: 40px;
	letter-spacing: .5px;
	}

	
html {
    font-size: 62.5%;
}

.hero-5.right > .media-column {
    left: auto;
    right: 0;
}
	
.hero-5 .media-column {
    background-image: url(../images/render.gif);
}
	
.hero-5 .media-column {
    height: 100%;
    background-image: url(../images/render.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
	
.width-6 {
    width: 50%;
}
	
	
	

	
	
	






	
	

	

	
	

/* retail */	
	section#retail {
		padding-top: 100px;
	padding-bottom: 20px;
	}	
	
section#retail h3{ 
text-align: left;
padding-bottom: 30px;
padding-left: 70px;
	color: black;
	font-size: 30px;
	padding-top: 15px;
	line-height: 40px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
	letter-spacing: 1px;

}
	
section#retail h2{
text-align: left;
padding-left: 73px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#retail p{
	text-align: left;
padding-left: 73px;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 35px;
  	font-size: 17px;
	letter-spacing: .5px;
	padding-right: 50px;
	}
	
	
section#retail img{
	padding-top: 30px;
	padding-left: 73px;
	max-width: 100%
		;
	padding-right: 73px;

	}
	
	

	
	
	
	
	
	
/* up next section */	

	
section#next{
	padding-top: 30px;
	margin-bottom: 130px;
	}
	
section#next h2{

text-align: center;
padding-top: 73px;
	padding-bottom: 30px;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;

}
	
section#next p{
	text-align: center;
	color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
 	line-height: 34px;
  	font-size: 18px;
	letter-spacing: .5px;
	
	}
	
	
section#next h4{
	padding-top: 50px;
	text-align: center;

	}
	
	
	
/* up next button */	
	
	
.btnn {

    border: 1.7px solid #111111;
    background-color: none;
    padding: 14px 28px;
    cursor: pointer;
	text-decoration: none;
}

.nextproject {
	
    border-color: #111111;
    color: black;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 11px;
}

.nextproject:hover {
    background-color: #0e69d9;
	border-color: #0e69d9;
    color: white;
	transition: 0.5s;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-size: 11px;

}
	
	
	

	
	
	
	
/* footer column*/
	

* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.footercolumn {
    float: left;
    width: 33.3%;
    padding: 10px;
	text-align: left;
	padding-left: 70px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
	
	
section#bottomnav h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: medium;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
	padding-bottom: 5px;
		
	}
	
section#bottomnav p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 12px;
	
}
	
section#bottomnav {
	background-color: #ebebeb;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 300px;
	
}
	
section#bottomnav a{
	text-decoration: none;
	color: black;
	}
	
section#bottomnav a:hover{
	color: #0e69d9;
	font-weight: normal;

	
	}
	
section#social a{
	padding-right: 5px;
	}	
	
	



	
section#footer {
	text-align: center;
	color: #98a3ae;	
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #111111;
	}
		
section#footer p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
	font-size: 11px;
	}