@media (min-height:557px) and (max-height: 768px) {
    .content{
        padding: calc(50vh - 264px) 0;
    }
}
@media(max-height: 556px) {
    .content{
        padding: 10px 0;
    }
}
/* Vertical */
@media(orientation: portrait){
    @media(min-height: 1200px) {
        .content{
            padding: 200px 0;
        }
    }
    @media(max-width: 830px) {
        .content{
            padding: 140px 0;
        }
        .footer{
            flex-direction: column-reverse;
            justify-content : center;
            font-size: 1rem;
            text-align: center;
        }
        .footer .left{
            margin-top: 30px;
            flex-direction: column;
        }
        .footer .left .localizacao{
            margin-top: 30px;
            max-width: 77vw;
            
        }
        .footer .right{
            justify-content: space-evenly;
            padding: 0 30px;
        }
    }
    @media(max-width: 768px) {
        h1{
            font-size: 3.2rem;
            padding: 0 10px;
        }
    }
    @media(max-width: 540px) and (min-height: 600px) {
        :root{
            font-size: 14px;
        }
        h1{
            width: 90vw;
        }
        .content{
            padding: 40px 0;
        }
        .redes_sociais img{
            width: 70px;
            height: 70px;
        }
    }
    @media(max-width: 430px) {
        :root{
            font-size: 12px;
        }
        .logo{
            width: 150px;
        }
        .redes_sociais img{
            width: 50px;
            height: 50px;
        }
    }
    @media(max-width: 430px) and (min-height: 840px) {
        .content{
            padding: 120px 0;
        }
    }
}
/* Horizontal */
@media(orientation: landscape){
    /*Celular deitado*/
    @media (max-height: 500px) and (min-width: 740px) {
        :root{
            font-size: 12px;
        }
        .logo{
            width: 150px;
        }
        .redes_sociais img{
            width: 50px;
            height: 50px;
        }
        .footer{
            margin-top: 0;
        }
    }
    /*Geral*/
    @media(max-width: 810px) {
        :root{
            font-size: 14px;
        }
    }
    @media(max-width: 740px) {
        :root{
            font-size: 12px;
        }
    }
    @media(max-width: 667px) {
        :root{
            font-size: 11px;
        }
        .content{
            padding: 10px 0;
        }
        .logo{
            width: 150px;
        }
        h1{
            font-size: 3rem;
        }
        .redes_sociais img{
            width: 50px;
            height: 50px;
            border-radius: 10px;
        }
        .footer{
            margin-top: 0;
        }
    }
    @media(max-width: 600px) {
        :root{
            font-size: 10px;
        }
        .logo{
            width: 120px;
        }
        .redes_sociais img{
            width: 40px;
            height: 40px;
        }
        .footer .left .localizacao{
            width: 170px;
        }
    }
}