body{
    background-image: url(../img/Fundo.jpg);
    background-attachment: fixed;
    background-size: cover;
}
@font-face {
    font-family: CodecPro;
    src: url(../fonts/CodecPro-Regular.ttf);
}
h1,h2,h3{
    font-family: CodecPro;
    padding: 10px;
}
.swiper h4{
    color: white;
    padding: 5px;
}
div.contain{
    width: 100%;
    background-color: white;
    height: 30vh;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

div.contain div.text-contain{
    width: 100%;
    height: 30vh;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 10px;
    color: #fa87b9;
}


div.contain div.linha-contain{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
    background-color: antiquewhite;
}
div.contain2{
    width: 100%;
    height: 15vh;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
div.contain2 div.linha-contain2{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
    background-color: antiquewhite;
  
}

div.contain2 div.text-contain{
    width: 100%;
    height: 15vh;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 10px;
    color: #fa87b9;
}

::-webkit-scrollbar{
    width: 15px;
    background-color: #fba9cc;
  
  }
::-webkit-scrollbar-thumb{
    background-color: antiquewhite;
    border-radius: 7px;
  }

@media screen and (max-width: 768px)  {
    div.text-contain{
        font-size: 13px;
        
    }
    div.contain div.linha-contain{
        width: 100%;
    }
    div.contain div.linha-contain img{
        width: 80%;
}
}
@media screen and (max-width: 608px)  {
    div.contain div.linha-contain img{
        width: 20%;
}
div.contain2 div.linha-contain2 img{
    width: 30%;
}
}

@media screen and (max-width: 468px)  {
    div.text-contain{
        font-size: 10px;
    }
    div.contain div.linha-contain{
        width: 100%;
    }
    div.contain div.linha-contain img{
        display:none;
    }
    div.contain2 div.linha-contain2 img{
        width: 30%;
    }
    @media screen and (max-width: 390px)  {
        div.contain2 div.linha-contain2 img{
        display: none;
        }

    }

    
}