header#faqs{
    height: 40vh;
    background-image: url("../assets/faqs/header-faqs.png");
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-position: center;
}

#faqs .container {
    width: 1440px;
    margin: auto;
}

main.faqs{
    padding: 0;
}

main.faqs .page-container{
    max-width: 1000px;
    margin: 3rem auto;
    margin-bottom: 8rem;
}

main.faqs .page-container h2.section-header{
    font-weight: 700;
    font-size: 24px;
    margin-top: 3rem;
    margin-bottom: 3rem;
    color: #4D5934;
}

main.faqs .page-container h3.title{
    font-weight: 700;
    font-size: 16px;
    margin-top: 2.5rem;
    margin-bottom: 0.7rem;
    color: #000;
}

main.faqs .page-container p.description{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}


@media screen and (max-width: 800px){
    header#faqs{
        background-position: center right 25%;
    }
}

@media screen and (max-width: 550px){
    header#faqs{
        align-items: center;
        background-position: center right 25%;
    }

    main.faqs .page-container{
        text-align: center;
    }

    h1.header-title{
        margin-top: 0 !important;
    }
}