@charset "utf-8";

/* CSS Document */
@media screen {
body {
    grid-template-columns: 2% 96% 2%;
    grid-template-rows: auto auto auto minmax(auto, 99fr) minmax(250px, min-content);
    grid-template-areas: "abovethefold abovethefold abovethefold" "pagetitleholder pagetitleholder pagetitleholder" "............   main     ............" "my-buttons my-buttons my-buttons" "footer         footer         footer";
}
.phone-digits, .phone-pretext {
    display: none;
}
#header-street-address {
    display: none;
}
header {
    grid-template-columns: minmax(30%,200px) auto min-content min-content;
    grid-template-rows: auto;
    grid-template-areas: "header-logo header-social-icons header-phone-number header-nav";
}
    #header-social-icons a{color:#008cce;font-size:6vw;float:right;}
    #header-social-icons{justify-content: flex-end;}
#header-phone-number {
    font-size: 7vw;
    color: #000;
    justify-content: flex-end;

     
}
    #header-logo{max-width:100%}
#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu:after {
  font-size:50px;
    color:#000;}
#header-phone-number, #header-phone-number a {
    color: #008cce;
}
#my-header {
    padding-top: 1em;
    padding-bottom: 1em;
    position:fixed;
    z-index:99999999;
}
#my-slideshow {
    padding-top: 65%;
    overflow: hidden;
    width: 100%;
    display: block;
}
#my-slideshow > div {
    position: absolute !important;
    top: 0px;
    width: 100%;
}
    .overlay-headline{font-size:5vw;padding-top:3vw;padding-bottom:3vw;}

#slider-text-overlay-1 > div, #slider-text-overlay-2 > div, #slider-text-overlay-3 > div {
    width: 86%;
    align-self: center;
    background-color: rgba(255,255,255,.83);
}
#slider-text-overlay-1, #slider-text-overlay-2, #slider-text-overlay-3 {
    justify-content: center;
}
#overlay-maintext-1, #overlay-maintext-2, #overlay-maintext-3 {
    color: #181818;
    font-size: 4vw;
    line-height: 1.5;
}
#my-slideshow .sa_owl_theme .owl-dots {
    bottom: 10px !important;
    display: none !important;
}
.quick-quote-form {
    text-align: center;
}
footer {
    width: 100%;
    box-sizing: border-box;
}
#footer-content > div {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: max-content;
    margin-bottom: 1em;
    max-width: 90%;
}
#footer-logo img {
    width: 50%;
    height: auto;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    display:block;
}   
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    padding-bottom: .4em !important;
    padding-top: .4em !important;}
   

    .flex-outer{display:flex;justify-content: space-between;flex-direction: column;box-sizing: border-box;width:100%;}
    .flex-outer > *{margin-bottom:1em;}
    .aligncenter, .alignleft, .alignright, .entry img{display:block; position: relative; max-width:100% !important; height:auto !important;margin-left:auto;margin-right:auto;margin-bottom:1em;}
    .main{max-width:100%;}

     #header-logo {
    width: 100%;
    margin-top:1em;
    margin-bottom:1em;
    position: relative;
   
}
	#main-h1{padding-left:5vw;padding-right:5vw;font-size:10vw;}
        #header-logo > div{width:100%;position:absolute;top:0px;transition-duration: .5s;}
#logooverlay {position: absolute;width:100%;height:100%;top:0px;opacity:0;}
    #footer-phone-number .phone-digits{display:block;}
    #footer-phone-number .icon-phone-squared {margin-right:1em;}
    #footer-phone-number {width:100%;}
    #footer-phone-number a{display:flex;}
    .my-google-map{min-height:400px;}
       .sbsbox .contactbubble{min-height:80vw;}
        .sbsbox > * {padding:10vw;min-height:80vw;display:flex;flex-direction: column; align-content:center; justify-content: center;}
    .sbsbox > * > *{align-self: center;}
    
    .sbsbox {font-size:3vw;line-height:1.3;}
    .contactbubble a{font-size:6vw;padding:5vw;border-radius:3vw;text-align:center;}
    .sliderbubble a{font-size:3vw}
        .sbsbox h2{font-size:6vw;}
    .sbsbox {display:flex;flex-direction: column;
     font-size:3vw;
    line-height:1.5;}
    #px1, #px2 {background-size: auto 120%;}
    .entry .sbsbox:nth-child(even) > div:nth-child(1){order:2;}
    .myinfoboxes > a > div{min-height:50vw;}
    .myinfoboxes h2{font-size:5vw;}
    .myinfoboxes {font-size:3.5vw;}
    .mypx{flex-direction:column;font-size:5vw;}
    .mypx > * {flex-direction: column;}
    .mypx>div>*{display:block;}
    #px2 >div{background-color:rgba(0,0,0,0.84)}
        .mypx{height:100vh;}
    #px1{height:130vh;}
    .mypx > *{align-self: center;margin-left:3vw;margin-right:3vw;padding:8vw;}
    #steveavatar{width:50%;height:auto;}
    .flexlist ul{margin-top:0px;margin-bottom:0px;}
    .sbsbox li, .entry li{font-size:3.5vw;}
    #compass-ledge{width:50%;}
    .entry > ul > li {font-size:4vw;}
    }