
.intro{
   padding-top: 20vh;
}







body{
    background-color:  rgb(248, 242, 231);
}


h1{
    text-align: center;
    margin-top: 5vh;
    font-family:"Satisfy";
    font-weight: normal;
    font-size: 8vh;
    color: rgb(59, 49, 39);
}
h2{
    text-align: center;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 2vh;
    color: rgb(59, 49, 39);
}
p{
    text-align: center;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 2vh;
    color: rgb(59, 49, 39);
    width: 60%;
    margin-left: 20% ;
    margin-top: 2vh;
}



.mobile-menu{
    cursor: pointer;
    display: none;
}
.mobile-menu div{
    width: 32px;
    height: 2px;
    background-color: #ffffff;
    margin: 8px;
}

main section.pCont{
    height: 200vh;
}


.containerParq{
    display: grid;
    grid-template-columns: 18% 18% 18%;
    column-gap: 15%;
    row-gap: 5%;
    margin-left:8%;

}


.containerParq div.imgPC{
    height: 36vh;
}

.containerParq div.imgPC img{
    height: 32vh;
    width: 95%;
    margin-left: 2.8%;
    margin-top: 2vh;
}

.containerParq div{
    margin-top: 10vh;
    height: 42vh;
    width: 160%; 
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 10px rgba(175, 162, 162, 0.20);
    
}
.containerParq div img{
    height: 38vh;
    width: 95%;
    margin-left: 2.8%;
    margin-top: 2vh;
    
}

.compParq h2{
    font-family: "Libre Baskerville";
    font-weight: lighter;
    font-size: 15px;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-top: 1vh;
}

div.imgUm img{
    width: 70%;
    margin-left: 15%;
}



.containerParq div.imgDois{
    margin-left: -2%;
}

div.imgDois img{
    height: 30vh;
    width: 91%;
    margin-top: 6vh;
    margin-left: 4.5%;
}


div.imgD img{
    width: 75%;
    margin-left: 12.5%;
}

.sobreC{
    margin-left: 10%;
}

.sobreC h2{
    margin-left: -50%;
}

.contC{
    margin-left: 2%;
}

.contC h2{
    margin-left: -8%;
}

.redeSC{
    margin-left: 10%;
}


.redeSC h2{
    margin-left: -12%;
}


.rodape{
    background-color: #ffffff;
}