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

    .logo{
        width: 30%;
    }

    .info .alinha{
        flex-direction: column;
    }

    .lado-direito{
        margin-top: 10px;
    }

    .conjunto-menu{
        justify-content: center;
    }

    .vant{
        margin-bottom: 20px;
    }

    .sobrenos{
        padding: 10px;
    }

    .turmas{
        padding: 10px;
    }

    .linha-direita{
        border: none;
    }

    .contato{
        padding: 10px;
    }

    .agenda input{
        margin-bottom: 10px;
    }

    footer{
        padding: 40px;
    }

    .colegio{
        padding-top: 50px;
        padding-left: 10px !important;
    }
}