@media screen and (max-width:1440px) {
    #whatsapp{
        padding: 25px;
        width: 40px;
        height: 40px;
    }
    .logo{
        max-width: 100%;
    }

    .box-valor{
        height: 300px;
    }

    #valores{
        padding: 50px;
    }

    .sanfona-item{
        padding: 10px;
    }

    .valores{
        padding: 50px;
    }

    .valores h2{
        font-size: 2em;
    }

    .depoimentos{
        padding: 50px;
    }

    .depoimentos h2{
        font-size: 2em;
    }

    .unidades h2{
        font-size: 2em;
    }

    .depoimentos iframe{
        height: 300px;
    }

    footer img{
        max-width: 70%;
    }
}
@media screen and (max-width:1024px) {
    #whatsapp{
        padding: 25px;
        width: 40px;
        height: 40px;
    }
    .logo{
        max-width: 100%;
    }

    .box-valor{
        height: 300px;
    }

    #valores{
        padding: 50px;
    }

    .valores{
        padding: 50px;
    }

    .valores h2{
        font-size: 2em;
    }

    .sanfona-item{
    }

    .sanfona-item h3{
        font-size: 10pt;
    }

    .sanfona-item h4{
        font-size: 8pt;
    }

    .depoimentos{
        padding: 50px;
    }

    .depoimentos h2{
        font-size: 2em;
    }

    .unidades h2{
        font-size: 2em;
    }

    .depoimentos iframe{
        height: 200px;
    }

    footer img{
        max-width: 70%;
    }
}
@media screen and (max-width:768px) {

    .navbar-toggler{
        background: url(../img/bars-solid.svg) no-repeat;
        color: #fff;
        padding: 0px !important;
    }
    #whatsapp{
        padding: 25px;
        width: 40px;
        height: 40px;
    }
    .logo{
        max-width: 50%;
    }

    .logo img{
        max-width: 50%;
    }

    .content{
        height: 180vw;
    }

    .cont-principal h4{
        font-size: 2em;
        text-align: center;
    }

    #element{
        font-size: 1.5em;
        text-align: center;
    }

    .matricula{
        width: 100%;
    }

    .flex-about{
        font-size: 5pt;
    }

    .flex-slide:hover{
        flex-grow: 7;
    }
    .cont-principal h5{
        text-align: center !important;
    }

    .card-futuro{
        padding: 20px;
    }

    .pilar{
        font-size: 15pt;
    }


    .contato{
        padding: 10px;
    }
    .box-valor{
        height: 200px;
    }

    #valores{
        padding: 50px;
    }

    .valores{
        padding: 20px;
    }

    .valores h2{
        font-size: 2em;
    }

    .depoimentos{
        margin-top: -40px;
        padding: 20px;
    }

    .depoimentos h2{
        font-size: 2em;
    }

    .unidades h2{
        font-size: 2em;
    }

    .depoimentos iframe{
        height: 200px;
    }

    .social-roda i{
        font-size: 15pt;
        padding: 15px;
    }

    footer img{
        max-width: 70%;
    }

        /*Páginas Internas*/

        .espacinho{
            padding: 5px !important;
        }
    
        .box-texto{
            padding: 5px !important;
        }
    
        .aprende{
            padding: 0px !important;
        }
    
        .aprende .col-md-4{
            margin-top: 50px;
        }
    
        .serie-texto i{
            font-size: 10pt !important;
            padding: 5px !important;
        }
    
        .serie-texto .info{
            padding: 5px;
        }
    
        .info h3, .info h4{
            font-size: 15pt !important;
        }
    
        .box-series{
            margin-bottom: 50px;
        }

        .porque h4{
            font-size: 10pt;
        }
}

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

    .navbar-toggler{
        background: url(../img/bars-solid.svg) no-repeat;
        color: #fff;
        padding: 0px !important;
    }
    #whatsapp{
        padding: 25px;
        width: 40px;
        height: 40px;
    }
    .logo{
        max-width: 50%;
    }

    .logo img{
        max-width: 100%;
    }

    .content{
        height: 180vw;
    }

    .cont-principal h4{
        font-size: 2em;
        text-align: center;
    }

    #element{
        font-size: 1.5em;
        text-align: center;
    }

    .matricula{
        width: 100%;
    }

    .flex-about{
        font-size: 5pt;
    }

    .flex-slide:hover{
        flex-grow: 7;
    }
    .cont-principal h5{
        text-align: center !important;
    }

    .card-futuro{
        padding: 20px;
    }

    .pilar{
        font-size: 15pt;
    }

    .fundo img{
        display: none;
    }

    .contato{
        padding: 10px;
    }
    .box-valor{
        height: 200px;
    }

    #valores{
        padding: 50px;
    }

    .valores{
        padding: 20px;
    }

    .valores h2{
        font-size: 2em;
    }

    .depoimentos{
        margin-top: -40px;
        padding: 20px;
    }

    .depoimentos h2{
        font-size: 2em;
    }

    .unidades h2{
        font-size: 2em;
    }

    .depoimentos iframe{
        height: 200px;
    }

    .social-roda i{
        font-size: 15pt;
    }

    footer img{
        max-width: 70%;
    }

        /*Páginas Internas*/

        .espacinho{
            padding: 5px !important;
        }
    
        .box-texto{
            padding: 5px !important;
        }
    
        .aprende{
            padding: 0px !important;
        }
    
        .aprende .col-md-4{
            margin-top: 50px;
        }
    
        .serie-texto i{
            font-size: 10pt !important;
            padding: 5px !important;
        }
    
        .serie-texto .info{
            padding: 5px;
        }
    
        .info h3, .info h4{
            font-size: 15pt !important;
        }
    
        .box-series{
            margin-bottom: 50px;
        }
}

@media screen and (max-width:375px) {
    .navbar-toggler{
        background: url(../img/bars-solid.svg) no-repeat;
        color: #fff;
        padding: 0px !important;
    }
    #whatsapp{
        padding: 25px;
        width: 40px;
        height: 40px;
    }
    .logo{
        max-width: 50%;
    }

    .logo img{
        max-width: 100%;
    }

    .content{
        height: 180vw;
    }

    .cont-principal h4{
        font-size: 2em;
        text-align: center;
    }

    #element{
        font-size: 1.5em;
        text-align: center;
    }

    .matricula{
        width: 100%;
    }

    .flex-about{
        font-size: 5pt;
    }

    .flex-slide:hover{
        flex-grow: 7;
    }
    .cont-principal h5{
        text-align: center !important;
    }

    .card-futuro{
        padding: 20px;
    }

    .pilar{
        font-size: 15pt;
    }

    .fundo img{
        display: none;
    }

    .contato{
        padding: 10px;
    }
    .box-valor{
        height: 200px;
    }

    #valores{
        padding: 50px;
    }

    .valores{
        padding: 20px;
    }

    .valores h2{
        font-size: 2em;
    }

    .depoimentos{
        margin-top: -40px;
        padding: 20px;
    }

    .depoimentos h2{
        font-size: 2em;
    }

    .unidades h2{
        font-size: 2em;
    }

    .depoimentos iframe{
        height: 200px;
    }

    .social-roda i{
        font-size: 15pt;
    }

    footer img{
        max-width: 70%;
    }

        /*Páginas Internas*/

        .espacinho{
            padding: 5px !important;
        }
    
        .box-texto{
            padding: 5px !important;
        }
    
        .aprende{
            padding: 0px !important;
        }
    
        .aprende .col-md-4{
            margin-top: 50px;
        }
    
        .serie-texto i{
            font-size: 10pt !important;
            padding: 5px !important;
        }
    
        .serie-texto .info{
            padding: 5px;
        }
    
        .info h3, .info h4{
            font-size: 15pt !important;
        }
    
        .box-series{
            margin-bottom: 50px;
        }
}

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

    .navbar-toggler{
        background: url(../img/bars-solid.svg) no-repeat;
        color: #fff;
        padding: 0px !important;
    }
    #whatsapp{
        padding: 25px;
        width: 40px;
        height: 40px;
    }
    .logo{
        max-width: 50%;
    }

    .logo img{
        max-width: 100%;
    }

    .content{
        height: 220vw;
    }

    .cont-principal h4{
        font-size: 2em;
        text-align: center;
    }

    #element{
        font-size: 1.5em;
        text-align: center;
    }

    .flex-about{
        font-size: 5pt;
    }

    .flex-slide:hover{
        flex-grow: 7;
    }
    .cont-principal h5{
        text-align: center !important;
    }

    .card-futuro{
        padding: 20px;
    }

    .pilar{
        font-size: 15pt;
    }

    .fundo img{
        display: none;
    }

    .contato{
        padding: 10px;
    }
    .box-valor{
        height: 200px;
    }

    #valores{
        padding: 50px;
    }

    .valores{
        padding: 20px;
    }

    .valores h2{
        font-size: 2em;
    }

    .depoimentos{
        margin-top: -40px;
        padding: 20px;
    }

    .depoimentos h2{
        font-size: 2em;
    }

    .unidades h2{
        font-size: 2em;
    }

    .depoimentos iframe{
        height: 200px;
    }

    .social-roda i{
        font-size: 15pt;
    }

    footer img{
        max-width: 70%;
    }

    /*Páginas Internas*/

    .espacinho{
        padding: 5px !important;
    }

    .box-texto{
        padding: 5px !important;
    }

    .aprende{
        padding: 0px !important;
    }

    .aprende .col-md-4{
        margin-top: 50px;
    }

    .serie-texto i{
        font-size: 10pt !important;
        padding: 5px !important;
    }

    .serie-texto .info{
        padding: 5px;
    }

    .info h3, .info h4{
        font-size: 15pt !important;
    }

    .box-series{
        margin-bottom: 50px;
    }
}