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

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	height:100%;
	font-weight:100;

}

a{color:#000;}
.light{font-weight:100; color:#000;}
h1{margin:0; margin-bottom:1%; padding:0;}

#mobile_btn{display:none;}
.logo{
	margin-top:19%;
	width:65%;
	margin-bottom:5%;
	margin-left:15%;
	}
.logo-mobile{display:none;}	
.sidebar {
	padding:2%;
	height:100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
  	background-color:#e6e7e8;

  }

/*#sidebar{
	background-color:#000;
	height:100%;
	float:left;
	display:block;
}*/

#menu{
	color:#939597;
	font-weight:500;
	margin-left:15%;
}

#menu a{
	color:#000;
	text-decoration:none;
}

#menu ul{
	padding:0;
	margin:0;
}


#menu li{
	width:100%;
	list-style:none;
	text-align:left;
	padding-top:3%;
	padding-bottom:3%;
	}

#menu .one_of_seven_columns #nomargin{
	margin:0;
}
 #menu .small{
	 font-size:0.8em;
 }
.wrapper{
	width:70%;
	float:left;
	padding:7.5%;
	padding-top:5%;
	margin-left:15%;
}

.img{
	width:100%;
}

.img_quote{
	width:100%;
	font-size:1em;
	color:#939597;
	margin-top:1%;
	margin-bottom:1.5%;
	font-weight:100;
}

.img_quote .small{
	color:#000;
	font-size:0.8em;
}


.content h1{
	font-size:3.5em;
	margin-bottom:3%;
}

.content h2{
	font-size:1em;
	margin:0;
	margin-top:1.5%;
	margin-bottom:1.5%;
	padding:0;
}

.content .left .one_of_four_columns{
	font-size:0.9em;
	line-height:1.5em;
	color:#a7a9ab;
	font-weight:600;
	
}

.content .left-mobile{display:none;}
.content .left .one_of_four_columns .black{font-weight:800; color:#000;}
.content .home .left .one_of_four_columns .black{font-size:0.8em ; font-weight:800; color:#000;}
.content .home .left .one_of_four_columns {font-size:0.8em ; font-weight:800;}

.content .devider{
	width:100%;
	height:3px;
	float:left;
	background-color:#a7a9ab;
	margin-top:4%;
	margin-bottom:4%;
}

.home_column_right{
	width:74%;
	float:left;
}

.content .one_of_four_columns{
	font-size:0.75em;
	line-height:1.5em;
}
.content .one_of_four_columns_last{
	font-size:0.75em;
	line-height:1.5em;
}

.portfolio .one_of_four_columns{
	margin-bottom:2%;
}
.portfolio .one_of_four_columns_last{
	margin-bottom:2%;
}
.portfolio .one_of_two_columns{
	margin-bottom:2%;
}
.portfolio .one_of_two_columns_last{
	margin-bottom:2%;
}
.portfolio .one_of_three_columns{
	margin-bottom:2%;
}
.portfolio .one_of_three_columns_last{
	margin-bottom:2%;
}

@media all and (max-width: 600px), (max-device-width: 600px){
body{
	font-size:0.8em;
}

.content h1{font-size:2.5em;}
	
.logo{display:none;}
.logo-mobile{ width:70%;display:inline-block;}
#mobile_btn{
			height:25px;
			float:right;
			margin-right:20px;
			margin-top:1%;
			display:inline-block;
}
	
.sidebar{
	width:100%;
	padding:0;
	height:auto;
    display:inline-block;
    position: fixed;
    top: 0;
    right: auto;
    text-align: center;
	z-index:100;
	padding-top:3%;
	padding-bottom:3%;
}


#menu{
	width:100%;
	display:none;
	float:left;
	margin-left:0;
}

#menu li{width:95%; text-align:center;}

.content .left-mobile{display:inline-block; width:100%; color:#a7a9ab; font-weight:800;}
.content .left-mobile .black{font-weight:800; color:#000;}

.content .left .one_of_four_columns {display:none;}
.home_column_right{width:100%;}
.wrapper{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20%;
}

.portfolio .one_of_four_columns{
	width:100%;
	margin-bottom:2%;
}
.portfolio .one_of_four_columns_last{
	width:100%;
	margin-bottom:2%;
}
.portfolio .one_of_two_columns{
	width:100%;
	margin-bottom:2%;
}
.portfolio .one_of_two_columns_last{
	width:100%;
	margin-bottom:2%;
}
.portfolio .one_of_three_columns{
	width:100%;
	margin-bottom:2%;
}
.portfolio .one_of_three_columns_last{
	width:100%;
	margin-bottom:2%;
}