body{
    overflow-x: hidden !important;
    margin: 0px !important;
    background-color: #DEEFF3;
}
.cabecalho{
    width: 100%;
    height: 10vw;
    margin-top: 10%;
    text-align: center;
}
h2{
    width: 100%;
    text-align: center;
    font-size: 2.5vw;
    color: #0692BE;
}
.containerCias{
    width: 100%;
    height: 70vw;
}
.footer{
    width: 70%;
    height: 25vw;
    margin: auto;
    margin-top: 10vw;
   
}
.contato{
    width: 65%;
    height: 100%;
    float: left;
}
.contato p{
    color: #2B7087;
}
.footerLogo{
    width: 35%;
    float: left;
    height: 100%;
}
.contLogo{
    width: 100%;
    height: 30%;
    text-align: right;
    margin-top: 20%;
    margin-left: 12%;
}

.redes a{
    background-color: #005976;
    padding: 5px;
    border-radius: 100%;
    display: block;
    float: right;
    width: 10%;
    margin-left: 3%;
}
.redes a i{
    color: white;
    font-size: 2vw;
    cursor: pointer;
    margin-left: 10%;
}
.cias{
    width: 85%;
    height: 65%;
    margin-left: 10%;
}
#risco{
    position: absolute;
    top: -22%;
    left: -20%;
}
.logos{
    background-color: #e0f7fc;
    float: left;
    width: 22%;
    
    margin-left: 1%;
    margin-bottom: 1%;
    border-radius: 20px;
    text-align: center;
}
.margin{
    margin-top: 10%;
}
.margin2{
    margin-top: 15%;
}
@media only screen and (min-width: 800px){
    .logos{
        height: 8vw;
    }
}
@media only screen and (max-width: 800px){
    .cabecalho{
        height: 20vw;
    }
    .containerCias{
        height: 650vw;
    }
    .cabecalho img{
        width: 35%;
    }
    h2{
        display: none;
    }
    .logos{
        width: 60%;
        margin-left: 10%;
        margin-bottom: 6%;
        height: 5.5%;
    }
    .cias{
        width: 100% !important;
        margin-left: 0%;
        text-align: center;
        margin-left: 10%;
        border-radius: 10px;
    }
    .margin{
        margin-top: 5%;
    }
    .margin2{
        margin-top: 10%;
    }
    #argentina{
        width: 70%;
    }
    #emirates{
        margin-top: -5%;
    }
    #europa{
        margin-top: 10% !important;
    }
    #klm{
        width: 70% !important;
    }
    #iberia{
        margin-top: -10% !important;
    }
    .footer{
        display: none;
    }
    .footer-mobile{
        display: block !important;
        width: 100%;
        height: 70vw;
        margin-top: -40vw;
    }
    .logo-footer{
        width: 100%;
        height: 12vw;
        text-align: center;
    }
    .footer-mobile p{
        width: 100%;
        text-align: center;
        font-size: 3vw;
        color: #2B7087;
        margin-top: 1%;
    }
    .footer-mobile b{
        display: block;
        width: 100%;
        text-align: center;
        font-size: 3vw;
        color: #0692BE;
    }
    .redes{
        width: 100%;
        text-align: center;
        height: 15%;
    }
    .redes a{
        float: left;
        width: 6%;
        padding: 0px;
        padding-bottom: 8px;
        height: 40%;
        
    }
    .redes a i{
        font-size: 3vw;
        position: relative;
        top: 3px
    }
    #risco{
        width: 100%;
        left: -50%;
        top: -12%;
    }
}