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

@media (min-width: 769px) and (max-width: 1024px) {

.menuWrap {   opacity:1; }
.headerWrap { width:17%; }
.headerWrap:hover { width:18%; }
.contentArea {max-width:83%;}
}

 @media (max-width: 768px) {
.headerWrap { width:100%; height:60px; position:relative;}
.header {width:90%; margin:0 auto;}
.headerWrap:hover { width:100%; height:60px;}
.logo {float:left;}
.contentArea {max-width:100%;  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%;} 
}