#hero.short::before {
    opacity: .1!important;
}
#hero .text-wrapper h1 {
    margin-top: 2em;}

#contact .container {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: start;
    margin-top: -4em;
    padding: 0 1.5em;
    max-width: 85rem;
}
#contact aside {
    width:40%;
    min-width: 13em;
    margin-top: 4em;
    padding:clamp(2.5em,2em + 4vw,6em) 6.5%;
    padding-right: 2em;
    background-color:var(--powder-color)
}

#contact aside h3 {
	font-family:var(--font-header);
    font-weight: 500;
    font-size: clamp(1.425rem,1.25rem + .5vw,1.625rem);
    margin-bottom: .75em;
    color:var(--brown-color);
    margin-top: 0;
}
#contact aside h4 {
    font-family:var(--font-header);
    font-size: clamp(1.425rem,1.25rem + .5vw,1.5rem);
    color:var(--brown-color);
    margin-bottom: .75em;
    margin-top: 0;
    font-weight: 500;
}

#contact aside br {
    margin:0;
}
#contact aside p {
    line-height: 1.6;
    margin:0;}

#contact aside a {
    display: inline-block;
    font-weight: 400;
    color:var(--black-color)
}
#contact aside .phone-email {
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    align-items: start;
}
#contact aside .phone-email a:first-child {
    margin-bottom:.25em
}
#contact aside li:not(.contact-info) {
    margin-top: 3em;
}
#contact aside .hours p:first-of-type {
margin-bottom:1em
}
#contact aside .follow-us a {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--gold-color);
}

#contact aside b {
    color: var(--gold-color);
    margin-right: .5em;
    font-weight: 700;}

#map .container {
    max-width: none;
    width:100%;
    height:100%
}

#GoogleMaps{
    height:80vh;
    width:100%;
    margin:0;}
.gm-style-mtc-bbw { top: auto!important; bottom:0}






@media only screen and (max-width: 64rem) {
    #hero .text-wrapper h1 {margin-top: 0;}
    #contact .container {
        flex-direction: column;
    }

    #contact aside {
        width:100%;
        margin-top: clamp(2.5em,3.5em + 5vw,7.5em);
        padding: calc(4em + 0.5vw) calc(1.5em + 2vw);
    }
    #contact aside ul {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    #contact aside li:not(.contact-info) {
        margin:0;
        margin-left: 12%;
        max-width: 10em;
    }
    #contact aside li.contact-info {
        min-width: 13em;
    }
}
@media only screen and (max-width: 48rem) {
    #contact .container {
        margin:0;
        padding: clamp(2.5em,3.5em + 5vw,7.5em) 0 0;
    }
    #contact aside {
        width:calc(100% - 1.5em)
    }
    #contact aside li:not(.contact-info) {
        margin-left: 0;
        width:40%;
        max-width: none;
    }
    #contact aside li.contact-info {
        width:50%;
        max-width: 15em;
        margin-right:10%;
    }
    #contact aside li.follow-us {
        margin-top: 3em;
    }
}

@media only screen and (max-width: 36.5rem) {
    #contact aside ul {
        flex-direction: column;
    }
    #contact aside li.contact-info {
        margin-right:0;
    }
    #contact aside li:not(.contact-info) {
        margin-top: 3em;
        width:100%;
    }
}