@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

#logo img {width: 395px; height: 161px;}


}

/* Desktop */
@media only screen 
and (min-width : 1824px) {
	
}



/* iPad Landscape and Desktop */
@media only screen 
and (max-width : 1824px) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
/*Header*/
	#header-wrapper #header-inner header .mobileMenuToggle{
		display: none;
	}
	#header-wrapper #header-inner header .mobile-nav{
		display: none;
	}
	#header-wrapper #header-inner header ul.navigation{
		display: table;
	}
	#header-wrapper #header-inner .menu .mobile-navigation{
		max-width: 100%;
	}
	body.is_tablet #header-wrapper{
		padding-bottom: 0;
	}

}
	
/* iPad Landscape and Desktop */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/*Header*/
	#header-wrapper #header-inner header .mobileMenuToggle{
		display: none;
	}
	#header-wrapper #header-inner header .mobile-nav{
		display: none;
	}
	#header-wrapper #header-inner header ul.navigation{
		display: table;
	}
	#header-wrapper #header-inner .menu .mobile-navigation{
		max-width: 100%;
	}
	body.is_tablet #header-wrapper{
		padding-bottom: 0;
	}
	
	h3 { margin-top: 0 !important;}

    .col-md-5-d{ padding-left: 0 !important; padding-right: 15px !important;}
	.col-md-5 { padding-left: 35px !important;}
 
} 


/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  
	  h3 { margin-top: 0 !important;}
	  p { padding: 0 20px 0 20px !important;}

} 

/* Tablet PORTRAIT and iPad mini landscape size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	

/* logo */
#logo img, #logo, #logo a {max-width: 100%; height:auto;}

/* Subheader */
.subheader-image h1 { max-width:100%; width:100%; bottom: 0px; font-size: 20px!important; padding: 5px 0px 5px!important; line-height:20px!important;}

/* H1 */	
h1 {font-size: 30px !important; padding-top:0!important; letter-spacing: 0.1em !important; text-align:center !important; line-height:28px !important;}

/* H2 */
h2 { padding-top:20px; text-align:center !important;}

/* H3 */
h3 { font-size: 20px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }

/* H4 */
h4 { font-size: 18px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }


/* P */
p { font-size: 16px !important; letter-spacing:0; text-align: left !important; padding: 0 30px 0 40px !important; line-height:32px !important;}
.contact { font-size: 18px !important; }
.myquote-span { font-size: 100px !important;}

.signature { text-align: center !important; }

.lead-paragraph {
	font-weight: 300 !important;
}



/* button */
.button-link { margin-top: 0 !important; padding-top: 0 !important;}
.button-view { margin-top: 40px !important;}
.button-view a {font-size: 16px !important;}
.button-email  {margin-bottom:40px !important;}


/* social*/
.facebook { padding: 0 !important;}
.instagram { padding: 0 !important;}
.pinterest { padding: 0 !important;}
.linkedin { padding: 0 !important;}

/*blockquote*/
blockquote.quote {padding: 15px 15px 5px !important; margin-top: 20px !important;}
blockquote.quote::before{ left:5px !important; top: -25px !important; font-size:90px !important;}
  


/* utilities */
.es-next-slide {display:none;}
.side-photo {display:none;}
.pad {padding-top:30px !important;}
.highlight {margin-top:0px !important;}
.padding-bottom-top80{padding-bottom:50px !important; padding-top:50px !important;}

.service-links li { text-align: center !important; list-style: none !important;}


/* blocks */
.block-pic {max-width: 100%;}
.blocks {font-size:18px !important; padding:20px !important;}

/* areas */	
.main-area { padding-bottom: 1em; }
.main-area-a { padding: 2em 2em 1em 2em; }
.main-area-b { padding: 2em 2em 1em 2em; }
.main-area-blocks-a { padding: 2em 2em 0; }
.main-area-blocks-a { padding: 2em 2em 0; }


#map {padding-top:20px;}

/* contact */
.contact { text-align: center !important;}
.email{ text-align: center !important; letter-spacing:0 !important; padding-bottom: 30px !important; }

/* footer */
.footer { padding: 20px 0 40px 0;}
.footer p {font-size: 14px; padding: 0 20px; text-align: center !important; letter-spacing:0 !important;}
    

	
	
/* Columns */
.one-half, .one-third, .one-third-a, .two-third-a,  .two-third, .three-fourth, .one-fourth, .one-fourth-list, .one-fifth, .one-sixth {
		margin: 0 !important;
		width: 100% !important;
		margin-bottom: 20px !important;
		float: none !important;
	}
	
	.col-pic1, .col-pic2, .col-pic3{
	    margin: 0 !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		float: none !important;
}



.col-md-5-d, .col-md-5 { padding-left: 35px !important; padding-right:35px !important;}

}


/* Google Nexus 7 */
@media only screen and (min-width: 600px) and (max-width: 960px) {
	
	/* H2 */
     h2 {text-align:center !important; padding-top:20px;}
	.service-links li { text-align: center !important; list-style: none !important;}
	/* contact */
    .contact { text-align: center !important;}
    .email{ text-align: center !important; letter-spacing:0 !important; padding-bottom: 30px !important; }

	
}



/* Mobile Landscape Size to Tablet Portrait Mini iPad (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* logo */
#logo img, #logo, #logo a {max-width: 100%; height:auto;}

/* Subheader */
.subheader-image h1 { max-width:100%; width:100%; bottom: 0px; font-size: 20px!important; padding: 5px 0px 5px!important; line-height:20px!important;}

/* H1 */	
h1 {font-size: 20px !important; padding-top:0!important; letter-spacing: 0.1em !important; text-align:center !important; line-height:28px !important;}

/* H2 */
h2 {text-align:center !important; padding-top:20px;}

/* H3 */
h3 { font-size: 20px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }

/* H4 */
h4 { font-size: 18px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }


/* P */
p { font-size: 16px !important; letter-spacing:0; text-align: left !important; padding: 0 30px 0 40px !important; line-height:32px !important;}
.contact { font-size: 16px !important; }
.myquote-span { font-size: 100px !important;}

.signature { text-align: center !important; }

.lead-paragraph {
	font-weight: 300 !important;
}

.blocks {font-size:18px !important; padding:20px !important;}

.service-links li { text-align: center !important; list-style: none !important;}

/* button */
.button-link { margin-top: 0 !important; padding-top: 0 !important;}
.button-view { margin-top: 40px !important;}
.button-view a {font-size: 16px !important;}
.button-email  {margin-bottom:40px !important;}


/* social*/
.facebook { padding: 0 !important;}
.instagram { padding: 0 !important;}
.pinterest { padding: 0 !important;}
.linkedin { padding: 0 !important;}

/*blockquote*/
blockquote.quote {padding: 15px 15px 5px !important; margin-top: 20px !important;}
blockquote.quote::before{ left:5px !important; top: -25px !important; font-size:90px !important;}
  


/* utilities */
.es-next-slide {display:none;}
.side-photo {display:none;}
.pad {padding-top:30px !important;}
.highlight {margin-top:0px !important;}


/* blocks */
.block-pic {max-width: 100%;}

/* areas */	
.main-area { padding-bottom: 1em; }
.main-area-a { padding: 2em 2em 1em 2em; }
.main-area-b { padding: 2em 2em 1em 2em; }
.main-area-blocks-a { padding: 2em 2em 0; }
.main-area-blocks-a { padding: 2em 2em 0; }


#map {padding-top:20px;}


/* contact */
.contact { text-align: center !important;}
.email{ text-align: center !important; letter-spacing:0 !important; padding-bottom: 30px !important; }

/* footer */
.footer { padding: 20px 0 40px 0;}
.footer p {font-size: 14px; padding: 0 20px; text-align: center !important; letter-spacing:0 !important;}
    

	
	
/* Columns */
.one-half, .one-third, .one-third-a, .two-third-a,  .two-third, .three-fourth, .one-fourth, .one-fourth-list, .one-fifth, .one-sixth {
		margin: 0 !important;
		width: 100% !important;
		margin-bottom: 20px !important;
		float: none !important;
	}
	
	.col-pic1, .col-pic2, .col-pic3{
	    margin: 0 !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		float: none !important;
}
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	

/* logo */
#logo img, #logo, #logo a {max-width: 100%; height:auto;}

/* Subheader */
.subheader-image h1 { max-width:100%; width:100%; bottom: 0px; font-size: 20px!important; padding: 5px 0px 5px!important; line-height:20px!important;}

/* H1 */	
h1 { padding-top:0 !important; letter-spacing: 0.1em !important; text-align:center !important; line-height:35px !important;}

/* H2 */
h2 {text-align:center; padding-top:0 !important;}

/* H3 */
h3 { font-size: 20px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }

/* H4 */
h4 { font-size: 18px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }


/* P */
p { font-size: 16px !important; letter-spacing:0; text-align: left !important; padding: 0 30px 0 40px !important; line-height:32px !important;}
.contact { font-size: 16px !important; }
.myquote-span { font-size: 100px !important;}

.signature { text-align: center !important; }

.lead-paragraph {
	font-weight: 300 !important;
}

.service-links li { text-align: center !important; list-style: none !important;}

/* gallery */
.projects-controller a > span { font-size: 12px !important;}
.title > h3 { font-size: 18px !important; font-weight: 500 !important;}
.btn { font-size: 14px !important; }


/* Misc */
.fontsize24 { font-size: 18px !important;}
.fontsize20 { font-size: 16px !important;}
.myquote-span2 { font-size: 80px !important;}
.inner-padding { padding: 30px 0 30px 0 !important;}
.padding-bottom-top80 { padding-bottom: 40px !important; padding-top: 40px !important;}

/* button */
.button-link { margin-top: 0 !important; padding-top: 0 !important;}
.button-view { margin-top: 40px !important;}
.button-view a {font-size: 16px !important;}
.button-email  {margin-bottom:40px !important;}


/* social*/
.facebook { padding: 0 !important;}
.instagram { padding: 0 !important;}
.pinterest { padding: 0 !important;}
.linkedin { padding: 0 !important;}
  

/*blockquote*/
blockquote.quote {padding: 15px 15px 5px !important; margin-top: 20px !important;}
blockquote.quote::before{ left:5px !important; top: -25px !important; font-size:90px !important;}

/* utilities */
.es-next-slide {display:none;}
.side-photo {display:none;}
.pad {padding-top:30px !important;}
.highlight {margin-top:0px !important;}


/* blocks */
.block-pic {max-width: 100%;}
#section-blocks{ background-image:none !important; background-color:#f5f5f5 !important;}
section {padding-top:10px !important; padding-bottom:10px !important;}
  

/* areas */	
.main-area { padding-bottom: 1em; }
.main-area-a { padding: 2em 2em 1em 2em; }
.main-area-b { padding: 2em 2em 1em 2em; }
.main-area-blocks-a { padding: 2em 2em 0 !important; background-color: transparent !important; }
.main-area-blocks-b { padding: 0 2em 0 !important; background-color: transparent !important; }



#map {padding-top:20px;}

/* contact */
.contact { text-align: center !important;}
.email{ text-align: center !important; letter-spacing:0 !important; padding-bottom: 30px !important; }

/* footer */
.footer { padding: 20px 0 20px 0;}
.footer p {font-size: 14px; padding: 0 20px; text-align: center !important; letter-spacing:0 !important;}
    

	
	
/* Columns */
.one-half, .one-third, .one-third-a, .two-third-a,  .two-third, .three-fourth, .one-fourth, .one-fourth-list, .one-fifth, .one-sixth {
		margin: 0 !important;
		width: 100% !important;
		margin-bottom: 20px !important;
		float: none !important;
	}
	
	
	.col-pic1, .col-pic2, .col-pic3{
	    margin: 0 !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		float: none !important;
}
	

}


@media screen and (max-width: 480px) and (orientation:landscape){
	
/* logo */
#logo img, #logo, #logo a {max-width: 100%; height:auto;}

/* Subheader */
.subheader-image h1 { max-width:100%; width:100%; bottom: 0px; font-size: 20px!important; padding: 5px 0px 5px!important; line-height:20px!important;}

/* H1 */	
h1 {font-size: 20px !important; padding-top:0!important; letter-spacing: 0.1em !important; text-align:center !important; line-height:28px !important;}

/* H2 */
h2 {text-align:center; padding-top:20px;}

/* H3 */
h3 { font-size: 20px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }

/* H4 */
h4 { font-size: 18px; line-height: 10px; text-align:center; font-family: BrandonGrotesque, sans-serif; }


/* P */
p { font-size: 16px !important; letter-spacing:0; text-align: left !important; padding: 0 30px 0 40px !important; line-height:32px !important;}
.contact { font-size: 16px !important; }
.myquote-span { font-size: 100px !important;}

.signature { text-align: center !important; }

.lead-paragraph {
	font-weight: 300 !important;
}



/* button */
.button-link { margin-top: 0 !important; padding-top: 0 !important;}
.button-view { margin-top: 40px !important;}
.button-view a {font-size: 16px !important;}
.button-email  {margin-bottom:40px !important;}


/* social*/
.facebook { padding: 0 !important;}
.instagram { padding: 0 !important;}
.pinterest { padding: 0 !important;}
.linkedin { padding: 0 !important;}
  


/* utilities */
.es-next-slide {display:none;}
.side-photo {display:none;}
.pad {padding-top:30px !important;}
.highlight {margin-top:0px !important;}


/* blocks */
.block-pic {max-width: 100%;}

/* areas */	
.main-area { padding-bottom: 1em; }
.main-area-a { padding: 2em 2em 1em 2em; }
.main-area-b { padding: 2em 2em 1em 2em; }
.main-area-blocks-a { padding: 2em 2em 0; }
.main-area-blocks-a { padding: 2em 2em 0; }


#map {padding-top:20px;}

/* contact */
.contact { text-align: center !important;}
.email{ text-align: center !important; letter-spacing:0 !important; padding-bottom: 30px !important; }

/* footer */
.footer { padding: 20px 0 40px 0;}
.footer p {font-size: 14px; padding: 0 20px; text-align: center !important; letter-spacing:0 !important;}
    

	
	
/* Columns */
.one-half, .one-third, .one-third-a, .two-third-a,  .two-third, .three-fourth, .one-fourth, .one-fourth-list, .one-fifth, .one-sixth {
		margin: 0 !important;
		width: 100% !important;
		margin-bottom: 20px !important;
		float: none !important;
	}
	
	
.col-pic1, .col-pic2, .col-pic3{
	    margin: 0 !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		float: none !important;
}

}




