@media only screen and (max-width: 1000px) {
    #b3 h2 {
        font-size: 35px;
        padding-right: 0px;
    }
    #b3 p {
        font-size: 22px;
    }
    .contCrds .card img {
        width: 90%;
    }
    #b4 .card p {
        font-size: 15px;
    }
    .circle {
        width: 130px;
        height: 130px;
    }
}
@media only screen and (max-width: 600px){
    .customcard{
        display: inline-block;
        margin-bottom: 25px;
    }
    #b4 h1, #gracias h1 {
        font-size: 40px;
    }
    .contCrds{
        text-align: center;
    }
    .contCrds .card {
        display: inline-block;
        margin-bottom: 25px;
    }
    #b5 h1, #gracias h1 {
        font-size: 40px;
        margin-bottom: 25px;
    }
    #b5 p, #gracias p {
        font-size: 20px;
    }
    #b7 a, .ubi {
        font-size: 18px;
    }
    #b7 h1 {
        font-size: 40px;
    }
    .cardcustot{
        display: inline-block;
    }
    .cbtn {
        font-size: 18px;
    }
    .pcb {
        padding: 0px 89px;
    }
    #b1 p {
        font-size: 29px;
    }
    .logohero {
        width: 300px;
    }
    .circle {
        width: 100px;
        height: 100px;
        left: -15px;
    }
    .line::after {

        background-color: white;
        height:0px;
    }
    #b1 h1 {
        font-size: 60px;
    }
    .contcarruselDesktop{
        display: none;
    }
    .contcarruselMobil{
        display: block;
    }
}