/* 
http://www.tnerb.net
Astonish Theme
*/

@media (min-width: 769px) and (max-width: 1168px) {
.header {width:90%;}
.contentArea {max-width:90%; }
.headerTop {max-width:90%; }


}

 @media (max-width: 768px) {
.headerTop {max-width:90%; }
.header {width:90%;}
.socialMedia { display:none;}
.utility { float:none; text-align:center;}
.footerLeft { float:none; text-align:center;}
.contentArea {max-width:90%;  position:relative;}
.menuWrap { opacity:1; display:none;}
.portfolioItem { width: 49.4%; padding-bottom: 49%; }
.mainContentArea { width: 90%; }
.heroWrap {height:100px; }
.hero {  width:80%;}
.hero h1 {font-size:26pt; }
.menuButton { float:right; width:30px;}
#mobile-header {display:block;}
.menuButton.hide {display:none;}
.twoColumnLeft, .twoColumnRight, .threeColumnLeft, .threeColumnMiddle, .threeColumnRight,.fourColumnLeft,
.fourColumnMidLeft, .fourColumnMidRight, .fourColumnRight, .sidebarLeft, .sidebarRight {float:none; margin:0 auto; width:100%;} 
}