@import url('https://fonts.googleapis.com/css2?family=Protest+Guerrilla&display=swap');
.offcanvas-menu .logo-image {height: 50px!important}
h1{text-align:center;padding:30px 0px 0px 0px;text-transform:uppercase}
h1 .build, .hero .build{color:#000!important;font-family: "Protest Guerrilla", sans-serif;letter-spacing: 3px;font-weight:400!important}
.page-header{padding:0px}
#sp-header{box-shadow:none!important}
.hero{font-size: 40px;text-transform: uppercase;font-family: 'Montserrat';font-weight: 900;color: #fff;text-shadow: 2px 2px #000;}
.hero .build{text-shadow: 2px 2px #fff;font-weight:400!important}
li.sp-contact-time {font-weight: bold;}
span.far.fa-clock {display: none;}
.ctatext{text-align:center;font-size:30px;}
.callouts li{margin:20px}
.callouts li::marker {color: #006699;}
.buildfont{font-family: "Protest Guerrilla"}
#submit {width: 303px; margin-top: 7px;background: #000;color: #fff;padding: 7px;border: 1px solid #000;border-radius: 5px;}
#submit:hover{background:#006699}
#contact .myfield {border: 1px solid #ccc !important;padding: 13px 13px 7px 13px !important; margin-bottom: 7px !important;color: #000;}

@media (max-width: 576px){
	#sp-header {height: 80px!important;}
    .logo-image-phone {height: 65px!important;margin-top:16px;}
    div#sp-top1{display:none}
    div#sp-top2{font-size:20px;}
    #sp-footer ul.menu li{display:block}
    #sp-footer ul.menu li a {margin:20px;}
    #sp-footer #sp-footer2{text-align:left}
    h1{font-size:30px!important}
    .hero{font-size:25px!important}
    .sppb-addon-sp-slider .sp-item.slider-content-vercally-center{align-items: flex-start!important;padding-top: 20px;}
    #sp-page-builder .sppb-section-title{margin-bottom:10px!important}
    .sppb-addon-content ul{padding:0px!important}
    .contactcta .sppb-btn-custom{width:90%!important;margin-bottom:10px!important}
}