/* CSS Document */

/*

	Theme Name: Vitruvius

	Theme URI: http://www.cahdco.com

	Description: A custom WordPress theme for cahdco.

	Version: 1

	Author: Jackpine Digital Inc. (Developers: Christian Griffin and Will Muir)

	Author URI: http://jackpine.co/

*/



.fullwidth{

   width: 100%;

   margin-left: auto;

   margin-right: auto;

   max-width: none;

 }

 

.text_center{

	text-align: center; 

 }

 

.center{

	display: block;

	margin: 0 auto; 

 }

 

 .side_padding{

	padding-left: 20px;

	padding-right: 20px; 

 }

 

  .no_side_padding{

	padding-left: 0px;

	padding-right: 0px; 

 }

 

 .inline_center{

	display: inline-block;

	margin: 0 auto; 

 }

 

.no_padding{

	padding-top: 0px;

	padding-bottom: 0px;

}



.no_padding_column{

	padding: 0px;	

}

 

.padding{

	padding-top: 40px;

	padding-bottom: 40px; 

 }

 

.padding_top{

	padding-top: 40px;	

 }

 

.padding_bottom{

	padding-bottom: 40px;  

 }

 

.padding_half{

	padding-top: 20px;

	padding-bottom: 20px; 

 }

 

.padding_top_half{

	padding-top: 20px;	

 }

 

.padding_bottom_half{

	padding-bottom: 20px;  

 }

 

.padding_quarter{

	padding-top: 10px;

	padding-bottom: 10px; 

 }



 .padding_eighth{

	padding-top: 5px;

	padding-bottom: 5px; 

 }

 

.padding_top_quarter{

	padding-top: 10px;	

 }

 

.padding_bottom_quarter{

	padding-bottom: 10px;  

 } 



.margin{

	margin-top: 20px;

	margin-bottom: 20px; 

 }

 

.margin_bottom{

	margin-bottom: 20px;	

 }

 

 .margin_bottom_double{

	margin-bottom: 40px;	

 }

 

.margin_top{

	margin-top: 20px; 

 } 

 

 .margin_top_double{

	margin-top: 40px; 

 } 

 

.margin_half{

	margin-top: 10px;

	margin-bottom: 10px; 

 }

 

.margin_bottom_half{

	margin-bottom: 10px;	

 }

 

.margin_top_half{

	margin-top: 10px; 

 } 

 

 .margin_top_mega{

	margin-top: 100px; 

 }

 

.bold{

	font-family: 'robotobold';

	font-weight: bold; 

 }

 

 h1{

	font-size: 40px;

	color: #4d4d4e; 

	font-family: 'robotomedium';

	margin-top: 0px;

	margin-bottom: 20px;

 }

 

 .blog_body h1{

	font-size: 40px; 

 }

 

h2{

	font-size: 24px;

	color: #396681; 

	font-family: 'robotomedium'; 

	margin-top: 0px;

	margin-bottom: 20px;	

 }

 

h3{

	font-size: 20px;

	color: #4d4d4e; 

	font-family: 'robotoregular'; 	

	margin-top: 0px;

	margin-bottom: 20px;	 

 }

 

h4{

	font-size: 20px;

	color: #4d4d4e; 

	font-family: 'robotoregular'; 

	margin-top: 0px;

	margin-bottom: 20px;		 

 }

 

 h5{

	font-size: 18px;

	color: #4d4d4e; 

	font-family: 'robotoregular'; 

	margin-top: 0px;

	margin-bottom: 20px;		 

 }

 

  h6{

	font-size: 16px;

	color: #4d4d4e; 

	font-family: 'robotoregular'; 

	margin-top: 0px;

	margin-bottom: 20px;		 

 }

 

p{

	font-size: 16px;

	color: #4D4D4D; 

	font-family: 'robotoregular'; 

	margin-top: 0px;

	margin-bottom: 20px;	

	line-height:1.7;	 

 }

 

span{

	font-size: 15px;

	color: #4D4D4D; 

	font-family: 'robotoregular'; 

	margin-top: 0px;

	margin-bottom: 0px;		 

 }

 

blockquote{

	font-size: 16px;

	color: #4D4D4D; 

	font-family: 'robotoregular'; 

	margin-top: 10px;

	margin-bottom: 10px;	

}

 

 ul,ol{

	font-size: 16px;

	color: #4D4D4D; 

	font-family: 'robotoregular';

	margin-bottom: 0px;	

 }

 

.blog_body ul, .blog_body ol{

	margin-bottom: 20px;	

}



.large_p{

	font-size: 30px;

	margin-bottom: 40px;

	line-height: 1.4;

}



span.large_p p{

	font-size: 30px;

	margin-bottom: 40px;

	line-height: 1.4;	

}

 

a{

	color: #396681;

    font-family: 'robotobold';	

	margin-top: 0px;

	margin-bottom: 0px;	



 }

 

 .blog_body hr{

	margin: 20px 0px 20px 0px;	 

 }

 

 h2.widgettitle {

    display: none;

}



#subscribe-submit input[type="submit"]{

	border: 1px solid #4D4D4D;

	padding: 10px 60px 10px 60px;

	color: #4D4D4D;

	font-family: 'robotomedium';

	transition: all 0.3s ease;

	margin: 0 auto;

	display: block;	

	cursor: pointer;

	font-size: 16px;

	text-transform: uppercase;

}



input#subscribe-field-blog_subscription-2 {

    padding-left: 10px;

    padding-right: 10px;

}



#subscribe-submit input[type="submit"]:hover{

	color: #fff;

	background-color: #396681;

	border-color: #396681;

}



li#blog_subscription-2 {

    list-style: none;

}



 .btn{

	border: 1px solid #4D4D4D;

	padding: 10px 60px 10px 60px;

	color: #4D4D4D;

	font-family: 'robotomedium';

	transition: all 0.3s ease;

 }

 

 .btn:hover{

	color: #fff;

	background-color: #396681;

	border-color: #396681;

 }

 

 .btn_submit{

	border: 1px solid #4D4D4D;

	padding: 10px 60px 10px 60px;

	color: #4D4D4D;

	font-family: 'robotomedium';

	transition: all 0.3s ease;	

	background-color: #fff; 

	float: right;

	margin-bottom: 0px;

 }

 

  .btn_submit:hover{

	color: #fff;

	background-color: #396681;

	border-color: #396681;

 }

.btn_subscribe{

	border: 1px solid #396681;

	padding: 10px 60px 10px 60px;

	color: #fff;

	font-family: 'robotomedium';

	transition: all 0.3s ease;

	background-color: #396681;

 }

 

.btn_subscribe:hover{

	

	background-color: #fff;

	border-color: #396681;

	color: #396681;

 }

 .btn_white{

	border: 1px solid #fff;

	padding: 10px 60px 10px 60px;

	color: #fff;

	font-family: 'robotomedium';

	transition: all 0.3s ease;

 }

 

 .btn_white:hover{

	background-color: #fff;

	color: #396681;

 } 

 

.blue{

	 background-color: #396681;

 }

 

.blue_text{

	 color: #396681;

 }

 

.green{

	 background-color: #8CA97C;

 }

 

.green_text{

	color: #8CA97C; 

 }

 

 .white{

	background-color: #fff; 

 }

 

 .white_text{

	color: #fff;	 

 }

 

 .offwhite{

	background-color: #EEEEEE; 

 }

 

 .shadow{

	box-shadow:  0 4px 2px -2px gray;

 }

 

 .italic{

	font-family: 'robotoitalic'; 

 }

 

 

 .text_right{

	text-align: right; 

 }

 

 .textarea{

	height: 116px;

	margin-bottom: 20px; 

 }



/********************** 

styling

***********************/



.header li a{

	font-family: 'robotobold';

	color: #4D4D4D;

	margin-left: 20px;

	font-size: 16px;

}





.header li a:hover{

	text-decoration: underline;

}



.header li{

	list-style: none;

	display: inline;	

}



.site-logo{

	width: 40px;	

	margin-top: -18px;

    margin-bottom: -15px;	

}



.mobile_nav_logo{

	width: 50px;	

	margin-top: -50px;

	margin-bottom: 20px;

}



.header a.home_link{

	margin-left: 0px;

	display: inline-block;

	height: 0px;

}



.banner{

    /*background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url(theme_images/banner.jpg);

    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url(theme_images/banner.jpg);

	background-size: cover;

	background-position: center center;*/

	padding: 200px 20% 200px 20%;	

}



.banner h1{

	text-shadow: 0px 2px 1px rgba(0,0,0,0.5);	

}



.white_btn{

 font-family: 'robotomedium';	

 font-size: 24px;

 padding: 10px 20px 10px 20px;

 background-color: rgba(255,255,255,0.2);

 border: 1px solid #fff;	

 display: inline-block;

 transition: all 0.3s ease;

}



.white_btn:hover{

 color: #fff;

 background-color: rgba(255,255,255,0.05);

}



.building_box{

	float: left;

	width: 33.333%;	

}



.footer_links li a{	

	font-size: 16px;

	color: #808080; 

	font-family: 'robotoregular';

	transition: all 0.3s ease; 	

}



.footer_links li a:hover{	

	color:#396681;	

}



.footer_links li:nth-child(1){

	margin-left: 0px;	

}



.footer_links{

	margin-top: 20px;

	margin-bottom: 20px;	

}



.footer_links li{

	list-style: none;

	display: inline;

	margin-left: 20px;	

}



.light_gray{

	color: #808080;	

}



.no_margin{

	margin: 0px;	

} 



.overflow_hidden{

	width: 48%;

	height: 450px;

	float: left;

	overflow: hidden;

	margin-bottom: 40px;		

}



.bg{

	width: 100%;

	height: 450px;

	background-size:cover;

	transition: all 0.3s ease;

	background-repeat: no-repeat;

	position: relative;

	z-index: 1;



}



.bg:hover{

	transform: scale(1.1);

}



.overflow_hidden:nth-child(odd){

	margin-right: 2%;	

}



.overflow_hidden:nth-child(even){

	margin-left: 2%;	

}



.overlay{

	width: 100%;

	height: 100%;	

	padding-top: 200px;	

	opacity: 0;

	transition: all 0.3s ease;

	background: rgba(56,101,128,0.5);

	cursor: pointer;

	position: relative;

	z-index: 2;	

}



.overlay:hover{

	opacity: 1;	



}



.project_icon{

	float: left;

	margin: 15px 25px 0px 0px;

	max-width: none;

}



hr{

	margin: 20px 0px 20px 0px;	

}



.award_list_item{

	margin: 0px 0px 10px 0px;	

}



.award_list_item:last-child{

	margin-bottom: 20px;	

}



iframe{

	width: 100%;	

	margin-bottom: -10px;

}



label{



}



.blog_rule{

	border-color: #4D4D4D; 	

}



.author{

	font-size: 14px;	

}



.post_link{

	display: table;

	margin-left: auto;

	margin-right: auto;

	font-size: 40px;

	color: #4d4d4e; 

	font-family: 'robotomedium'; 

	margin-top: 0px;

}



/*a.post_link:hover ~ .author{

 color: #396681;	

}*/



.blue_bg{

	background-color: #396681;	

}



.blue_bg_img{

    background: linear-gradient(rgba(56,101,128,0.5),rgba(56,101,128,0.5)),url(http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg);

    background: -webkit-linear-gradient(rgba(56,101,128,0.5),rgba(56,101,128,0.5)),url(http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg);

    background-size: cover;	

	

}

.post_title{

	font-family: 'robotomedium';

	font-size: 40px;

}



.post_intro{

	font-family: 'robotoregular';

	font-size: 30px;	

}



.post_attr{

	font-family: 'robotoregular';

	font-size: 22px;	

}



.avatar-frame{

	border: 2px solid #fff;

	 box-shadow: 0 0 0px 2px #396681;

}

.avatar-frame,.avatar-frame img{

	width: 119px;

	height: 119px;

	-webkit-border-radius: 100%; /* Saf3+, Chrome */

	border-radius: 100%; /* Opera 10.5, IE 9 */

	-moz-border-radius: 100%;

	overflow: hidden;

	}

.row.header{

	padding-top: 28px;

	padding-bottom: 28px;	

}



.reveal-modal .close-reveal-modal{

    font-family: 'robotomedium';	

}



.project_img_double{

	min-height: 500px;

	background-size: cover;	

	background-position: center center;

}



.project_img_single{

	min-height: 700px;

	background-size: cover;	

	background-position: center center;

}



svg {

    width: 300px;

    margin: 0 auto;

    margin-top: -25px;

}



.hide_svg{

 opacity: 0;

}





/********************** 

404

***********************/

.bg_404{

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-image: url(theme_images/bg_404.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-color: #EEE;

	background-size: cover;

 }

  

 .logo_404{

	margin-top: 80px; 

	margin-bottom: 40px;

	width: 100px;

 }



 .h1_404{

    font-family: 'robotobold';

	font-size: 26px;	

	margin-bottom: 40px; 

	margin-top: 0px;

 }

 

  .h2_404{

    font-family: 'robotobold';

	font-size: 24px;	

	border: 1px solid #fff; 

	display: inline-block;

	padding: 10px 20px 10px 20px;

	margin-top: 0px;

	transition: all 0.3s ease;

 }



  .h2_404:hover{

    font-family: 'robotobold';

	border: 1px solid #fff; 

	display: inline-block;

	margin-top: 0px;

	color: #396681;

	background-color: #fff;

 }

 



a.morelink{

	display: none;	

	color: #4D4D4D;

}



.team_row:last-of-type {

	margin-bottom: 0px;

}



.overlay h2 {

    font-size: 25px;

}



.blue_hover{

	transition: all 0.3s ease;

}



.blue_hover:hover{

	background-color: #396681;

}



.blue_hover:hover * {

	color: #fff;

	 border-color: #fff;

}



.blue_hover:hover ~ .blog_rule {

    border-color: #fff;

}



.project_info p{

	font-size: 15px;

}



.side_padding_mega{

	padding-left: 65px;

	padding-right: 65px;

}



.so-widget-sow-image.so-widget-sow-image-base img{

	margin: 0 auto;	

}



.testimonial_title{

	margin-top:13px;

}



.read_more_text{

	font-size: 16px;

}


.filter_fade{ 
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray; 
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.filter_fade:hover{ 
	-webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    filter: gray; 
	cursor: pointer;
}

.footer_bg{
	width: 76px;
	height: 111px;
	background-image: url(theme_images/logo_footer.png);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

img.hover_op {
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
img.hover_op:hover {
    opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
 

/********************** 

fonts

***********************/



@font-face {

    font-family: 'robotoblack';

    src: url('fonts/roboto-black-webfont.eot');

    src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-black-webfont.woff2') format('woff2'),

         url('fonts/roboto-black-webfont.woff') format('woff'),

         url('fonts/roboto-black-webfont.ttf') format('truetype'),

         url('fonts/roboto-black-webfont.svg#robotoblack') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotobold';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff'),

         url('fonts/roboto-bold-webfont.ttf') format('truetype'),

         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoitalic';

    src: url('fonts/roboto-bolditalic-webfont.eot');

    src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),

         url('fonts/roboto-bolditalic-webfont.woff') format('woff'),

         url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'),

         url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoitalic';

    src: url('fonts/roboto-italic-webfont.eot');

    src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-italic-webfont.woff2') format('woff2'),

         url('fonts/roboto-italic-webfont.woff') format('woff'),

         url('fonts/roboto-italic-webfont.ttf') format('truetype'),

         url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotomedium';

    src: url('fonts/roboto-medium-webfont.eot');

    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-medium-webfont.woff2') format('woff2'),

         url('fonts/roboto-medium-webfont.woff') format('woff'),

         url('fonts/roboto-medium-webfont.ttf') format('truetype'),

         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff'),

         url('fonts/roboto-regular-webfont.ttf') format('truetype'),

         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



 

 /********************** 

640px down

***********************/

@media only screen and (max-width: 40em) {  



.read_more_text{

	font-size: 14px;

}



.back_btn{

	float: none!important;

	width: 90%;	

}



.small_side_padding{

	padding-left: 4px;

	padding-right: 4px; 

 }



.side_padding_mega{

	padding-left: 10px;

	padding-right: 10px;

}	



.team_title_mobile{

	margin-left: -0.9375rem;

	margin-right: -0.9375rem;	

}



 .morecontent span {

    display: none;

}

a.morelink {

    display: block;

}



p{

	font-size: 14px;

	color: #4D4D4D; 

	font-family: 'robotoregular'; 

	margin-top: 0px;

	margin-bottom: 20px;		 

 }



.banner{

	padding: 50px 5% 50px 5%;	

}



h1{

	font-size: 24px;	

}



h2{

	font-size: 24px;	

}



.site-logo{

	width: 40px;	

	margin-top: 0px;

    margin-bottom: 0px;	

}



.white_btn {

    font-size: 16px;

}



.header a.home_link{

	margin-left: 0px;

	display: inline-block;

	height: auto;

}



.row.header{

	padding-top: 10px;

	padding-bottom: 10px;	

}



.building_box{

	float: none;

	width: 100%;	

}



.building_box:nth-of-type(2){

	margin-bottom: 20px;	

}



.large_p{

	font-size: 20px;

	margin-bottom: 40px;

	line-height: 1.2;

}



.margin_bottom_half_mobile{

	margin-bottom: 10px;

}



.margin_bottom_mobile{

	margin-bottom: 20px;

}



 .side_padding{

	padding-left: 0px;

	padding-right: 0px; 

 }

 

 .no_padding_mobile{

	padding-bottom: 0px; 

 }

 

  .no_mobile_padding_top{

	padding-top: 0px; 

 }

 

 .bg{

	width: 100%;

	height: 250px;	 

 }

 

.overflow_hidden{

	width: 100%;

	height: 250px;

	float: left;

	background-size:120%;

	transition: all 0.3s ease;

	background-repeat: no-repeat;

	background-position: center center;

	margin-bottom: 40px;

	position: relative;

}





.bg:nth-child(odd){

	margin-right: 0%;	

}



.bg:nth-child(even){

	margin-left: 0%;	

}



.overlay{

	width: 100%;

	height: auto;	

	padding: 9px;	

	opacity: 1;

	transition: all 0.3s ease;

	background: rgba(56,101,128,1.0);

	cursor: pointer;

	position: absolute; 

    bottom: 0; 

}



.overlay:hover{

	opacity: 1;	



} 



.bg:hover{

	transform: scale(1.0);

}



.overlay h2 {

    font-size: 17px;

    margin-bottom: 0px;

}



.project_icon{

	float: none;

	margin: 20px 0px 10px 0px;

}



.text_center_mobile{

	text-align: center;	

}



hr{

	margin: 20px 0px 0px 0px;	

}

 .btn_submit{

	width: 100%;

 }

 

.post_link{

	font-size: 24px;

}



.avatar-frame,.avatar-frame img{

	width: 100%;

	height: 100%;

	} 

	

.sub_blog{

	display:table;

	margin: 0 auto;	

}



span.large_p p{

	font-size: 20px;

	margin-bottom: 40px;

	line-height: 1.2;	

}



 .h1_404{

	font-size: 22px;	

	margin-bottom: 40px; 

 }

 

  .h2_404{

    font-family: 'robotomedium';

	font-size: 18px;	

	margin-bottom: 40px; 

 }

 

 .logo_404{

    width: 42%; 

	margin-top: 20px;

 }

} 





/********************** 

641px -  1024px

***********************/

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	

.banner{

	padding: 50px 5% 100px 5%;	

}



.building_box{

	float: none;

	width: 100%;	

}



.large_p{

	font-size: 20px;

	margin-bottom: 40px;

	line-height: 1.2;

}



.building_box{

	float: none;

	width: 100%;	

}



.building_box:nth-of-type(2){

	margin-bottom: 20px;	

}



.margin_bottom_half_mobile{

	margin-bottom: 10px;

}



 .bg{

	width: 100%;

	height: 400px; 

 }

 

.overflow_hidden{

	width: 100%;

	height: 400px;

	float: left;

	background-size:120%;

	transition: all 0.3s ease;

	background-repeat: no-repeat;

	background-position: center center;

	margin-bottom: 40px;

	position: relative;

}





.bg:nth-child(odd){

	margin-right: 0%;	

}



.bg:nth-child(even){

	margin-left: 0%;	

}



.overlay{

	width: 100%;

	height: auto;	

	padding: 9px;	

	opacity: 1;

	transition: all 0.3s ease;

	background: rgba(56,101,128,1.0);

	cursor: pointer;

	position: absolute; 

    bottom: 0; 

}



.overlay:hover{

	opacity: 1;	



} 



.overlay h2 {

    font-size: 25px;

    margin-bottom: 0px;

}



.bg:hover{

	transform: scale(1.0);

}



.project_icon{

	float: none;

	margin: 0px 0px 10px 0px;

}



.text_center_mobile{

	text-align: center;	

}



.side_padding_tablet{

	padding-left: 50px;

	padding-right: 50px;	

}



.top_padding_tablet{

	padding-top: 20px;	

}



.avatar-frame,.avatar-frame img{

	width: 150px;

	height: 150px;

	display: block;

	margin: 0 auto;

	}

	

.padding_sides_tablet{

	padding-left: 20px;

	padding-right: 20px;

}



.half_tablet{

	width:50%;

}

}





/********************** 

1025px - 1440px

***********************/

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 



}





/********************** 

1441px - 1920px

***********************/

@media only screen and (min-width: 90.063em) and (max-width: 120em) { 

 .logo_404{

	margin-top: 200px; 

	margin-bottom: 40px;

 }

}





/********************** 

1921px up

***********************/

@media only screen and (min-width: 120.063em) { 

  

}