@import url(https://fonts.googleapis.com/css?family=Montserrat);
/* Woocommerce Open */

h1,h2,h3 { font-family:'Montserrat';font-weight:600; } 
/* Head Open */
.logo { max-width:250px;} 

/* Head Close */
.xbig { color:black !important } 
b,strong { font-weight:600 } 
p { color:black !important;color:black;font-size:16px;line-height:24px } 
.main-h { border-bottom:1px solid #eaeaea;box-shadow:1px 1px 5px gray;  } 
.add-menu a, .main-menu a { font-weight:600 !important } 
.main-f-top { padding:0px !important } 
/* Page content Open */
#firstrow { position:relative; } 
.firstcol  {position:relative;height:100%;border-right:1px solid silver;border-left:1px solid #f0f0f0;overflow:hidden !important;width:calc(100% / 2) !important}
.firstcol h2{z-index:5555;position:relative;font-weight:700;letter-spacing:0.3px;color:white !important;font-size:32px;}
.main-cnts-w { padding:0px !important }
.overlay {
  transition:all 0.25s ease-in-out;
    position: absolute;
    left: -25%;
    top: 50%;
    transform: translateY(-50%) rotate(10deg);
    height: 35%;
    width: 150%;
    background: rgba(0,0,0,0.5);
}
.hovered { height:130% !important }
.overlaylink {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0; }

@media only screen and (max-width:924px) { 
  .firstcol { width:100% !important }  
}
@media only screen and (max-width:724px) {
 .mobile-hero {
    height: 400px !important;
    min-height: auto !important;
} 
}