@charset "UTF-8";

@media screen and (max-width: 1500px){
    header{
        height: 600px;
    }

    .title{
        margin-top: 100px;
    }
}

@media screen and (max-width: 1200px){

    /* ImgProfile */

    .profile img{
        width: 400px;
        height: 400px;
    }

    /* CardsContent */

    .cards-content{
        flex-direction: column;
    }

    .card{
        width: 100%;
    }

    /* Back-Img */

    .back-title{
        text-align: center;
    }

    .back-content{
        text-align: center;
        margin: auto;
    }

    .back-content a{
        margin: auto;
    }

    /* FAQs */

    .faqs{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 75px;
    }

    .faq-title{
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .faq-title a{
        margin: auto;
    }

}

@media screen and (max-width: 992px){

    /* Title */

    .title{
        max-width: 450px;
    }

    .title h1{
        font-size: 2.25rem;
    }

    /* ImgProfile */

    .profile img{
        width: 300px;
        height: 300px;
    }

    /* CardsContent */

    .cards-content{
        flex-direction: column;
    }

    .card{
        align-items: center;
        text-align: center;
    }

    .card h3{
        max-width: 450px;
    }
    
    .card p{
        max-width: 400px;
    }

    /* Blue */

    .blue > .container{
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    /* CardsTitleContent */

    .cards-title-content{
        align-items: center;
        text-align: center;
    }
    
    .card-content{
        flex-direction: column;
        text-align: center;
    }

    /* BackImage */

    .back-img > .container{
        flex-direction: column;
    }

    /* Footer */

    .footer-content{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

}



@media only screen and (max-width: 768px){

    /* Container */

    .container{
        padding: 0px 25px;
    }

    /* DropMenu */

    .links{
        display: none;
    }

    .menu-btn{
        display: block;
    }


    /* ProfileContent */

    .profile{
        display: flex;
        flex-direction: column-reverse;
    }

    .profile-content{
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .profile .sub-title{
        text-align: center;
    }

    .profile-content aside{
        flex-direction: column;
        text-align: center;
    }

    /* BackImage */

    .back-img > .container{
        text-align: center;
        align-items: center;
    }

    .back-content{
        align-items: center;
    }

    /* FAQs */

    .faq-card:hover{
        height: 275px;
    }

}

@media only screen and (max-width: 480px){

    /* Header */

    header{
        height: 670px;
    }

    /* Container */

    .container{
        padding: 0px 15px;
    }

    /* DropMenu */
    
    

    /* Title */

    .title{
        margin-top: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .title h1{
        font-size: 1.75rem;
    }

    /* BackImage */

    .back-content aside{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* FAQs */

    .faq-card{
        height: 90px;
        display: flex;
        align-items: center;
    }

    .faq-card:hover{
        height: 325px;
    }
}