/*****
CONTAINERS
*****/

.container {
    padding: 64px;
}



/*****
HEADER
*****/

#header-phone {
    display: inline-block;
    margin: 0 auto;
}

#header-phone-icon {
    float: left;
    height: 16px;
    margin-right: 8px;
    margin-top: 10px;
    width: 16px;
}

#header-nav {
    margin-top: 8px; /* Lower margin becuase of appearing phone icon*/
}


/*****
HERO SECTION
*****/

#hero-description {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
}



/*****
HOME PAGE SECTIONS
*****/

#home-contact,
#home-office-hours {
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
}

#home-main h2 {
    margin-bottom: 40px;
}



/*****
CONTACT PAGE
*****/

#contact-info {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

#contact-info > section,
#contact-info > p {
    width: 50%;
}

#contact-info > *:nth-child(2) {
    margin-top: 0px;
}

#contact-info > *:nth-child(odd) {
    padding-right: 16px;
}

#contact-info > *:nth-child(even) {
    padding-left: 16px;
}

#map {
    height: 360px;
}



/*****
FAQ PAGE
*****/

.faq-category {
    margin-top: 48px;
}

.faq-item {
    margin-top: 24px;
}

.faq-item:first-of-type {
    margin-top: 32px;
}

.faq-answer p {
    margin-top: 16px;
}