*{
    margin: 0;
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
    box-sizing: border-box;
}

.intro_servicos{
    color: white;
    font-size: min(40px, 15vw);
    line-height: 42px; 
    margin-left: 2%;
}


.centralizar{
    left: 50%;
}

.cards{
    background-color: black ;
    height: 100vh;
}

.Titulo_Seção > h1{
    color: white;
    font-size: max(40px, 5vw);
    text-align: center;
    padding-top: 5%;
    padding-bottom: 2%;
}

.card-title{
    font-size: max(30px, 2vw);
    padding-bottom: 20px;
}

.row{
    margin-left: 5%;
}

.card_space{
    color: white;
    text-align: center;
    border: 5px;
}

.card_space > p{
    color: white;
    font-size: min(20px, 3.6vw);
}

.card{
    background-color: rgb(66, 66, 66);
    border-radius: 10px;
    height: 300px;
    box-shadow: 1px 2px 2px rgba(197, 196, 196, 0.678);    
}

#SocialMedia{
    margin-top: 7%;
    padding-top: 7px;
    padding-bottom: 7px;
}

#SocialMedia:hover {
    margin-top: 5%;
    transition: 0.3s;
}

#SocialMedia > a > img {
    height: 60px;
    margin-right: 10px;
}

#img1 {
    margin-left: 37%;
}

#SocialMedia > a > img:hover {
    height: 100px;
    transition: 0.8s;


}


.iframe{
    background-color: rgb(66, 66, 66);
}

.titulo_iframe{
    color: white;
    font-size: max(25px, 3vw);
    text-align: center;
}

.footer{
    color: white;
    text-align: center;
}

.btn{
    box-shadow: -1px 1px 3px rgba(180, 179, 179, 0.199);
}

.btn_contato{
    padding-bottom: 10%;
}


@media (max-width: 764px){

    .card{
        height: fit-content;
    }

    .row{
        margin-right: 5%;
        margin-left: 5%;
    }

    .cards{
        height: fit-content;
    }

    .MVV{
        padding-bottom: 2%;
        padding-top: 2%;
    }

    #img1 {
        margin-left: 0px;
        text-align: center;
    }

    #SocialMedia{
        text-align: center;
        margin-bottom: 15px;
    }
}