.faq-banner{
    padding:100px 0;
    background:#f5f5f5;
    text-align:center;
}

.faq-banner span{
    color:#d98a4b;
    letter-spacing:2px;
    text-transform:uppercase;
}

.faq-banner h1{
    font-size:52px;
    margin:20px 0;
}

.faq-banner p{
    max-width:700px;
    margin:auto;
    color:#666;
}

.faq-section{
    padding:80px 0;
}

/* Note: the FAQ page renders its questions through the [faq_accordion]
   shortcode (template-parts markup: .faq-accordion > .faq-item >
   .faq-question + .faq-answer). Those classes are styled in sections.css
   so they share the same look as the rest of the site. */

@media (max-width:767px){
    .faq-section{
        padding:50px 0;
    }
}