@media only screen and (max-width:600px){
    .hero{
        height: 100vh;
    }
    .hero h1{
        font-size: 12vw;
        width: 100% !important;
        text-align: center;
        line-height: 150%;
        margin-bottom: 50%;
    }
    .hero{ padding-top: 40%; text-align: center;}
    .hero p{padding: 0 10%;}
    #hero-index p{ width: 100%;}
    .hero a{ display: block; margin: 5% auto; height: 30px; }
    h2, h3{
        font-size: 24px !important;
    }
    #section-1{ padding: 20% 0;}
    #section-1 h4{
        font-size: 18px;
    }
    #section-2 .texto{margin: 10% 5%;}
    #section-3{ margin: 10% 5% 15%;}
    #section-2 .container{box-shadow: none;}
    #section-2 p{font-size: 14px; line-height: 150%;}
    #section-2 a{align-self: center;}
    .medio-mb{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #section-3 h2{font-size: 20px !important;}
    #section-4 p{
        font-size: 14px;
        width: 90%;
    }
    #section-4 h4{width: 90%;}
    #section-5{ margin: 5% 5% 10%;}
    #section-5 h4{font-size: 18px;}
    #section-5 img{width: 80%;}
    .div-img{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    }
    #section-5 .move{ margin: 0 -15px;}
    #section-5 p{
        font-size: 20px;
        margin-bottom: 15%;
    }
    #section-5 a{
        width: 117px; height: 37px; font-size: 18px;
    }
    #section-6{margin: 0; padding: 10% 5%;}
    #section-6 p{
        font-size: 13px;
    }
    #section-7 img.mapa{
        margin: 0;
    }
    #section-7{
       margin-bottom: 0;
    }
    #section-8{
        padding: 10% 0;
        margin-bottom: 0 !important;
    }
    #section-8 .w-50{width: 80% !important; margin-bottom: 15%;}
    #section-8 h2{
        text-align: center;
        font-size: 21px !important;
        margin-bottom: 20%;
    }
    #section-8{ margin-bottom: 10%;}
    footer .footer-list li{
        display: inline-block;
        font-size: 12px;
        text-align: center;
        width: 30%;
        margin: 0;
    }
    footer p{
        font-size: 13px;
        overflow-wrap: break-word;
    }
    #section-7 .btn-mb a{
        padding: 2% 0;
    }
    #section-7 .btn-mb a img{
        padding-left: 10%;
        padding-top: 3%;
    }
    #section-7 .btn-mb ul{
        padding: 5% 10%;
    }
    #section-7 .btn-mb{
        display: block;
    }
    #section-7 .places-pc{
        display: none;
    }
    #section-10 .dir-2, #section-13 .reves{
        flex-direction: column-reverse;
    }
    #section-10 .top, #section-10 .bt{
        margin: 0;
        padding: 0;
    }


    /*About Us*/
    #hero-2 p, #hero-3 p, #hero-4 p, #hero-5 p{
        width: 100%;
        font-size: 12px;
    }
    #section-9 .text-vcenter{
        padding: 0;
    }
    #section-9{
        margin: 0;
        padding: 15% 10%;
    }
    #section-10{
        margin: 0;
    }
    #section-10 h2{
        font-size: 36px !important;
        text-align: center;
    }
    #section-10 .text-vcenter{
        padding: 10%;
    }
    #section-10 p{
        font-size: 14px;
        line-height: 150%;
    }
    #section-10 .row{
        margin: 0;
    }
    #section-11{
        margin: 0;
        padding: 15% 10%;
    }

    /*Services*/
    #hero-3 h1, #hero-4 h1, #hero-5 h1{
        margin-bottom: 70%;
    }
    #section-12{
        margin: 0;
        padding: 10%;
    }
    #section-12 p{
        font-size: 12px;
        line-height: 150%;
    }
    #section-12 .text-vcenter, #section-12 .text-vcenter.cambio{ padding: 0 5%;}


    /*Offshore*/
    #section-13{
        margin: 0;
    }
    #section-13 .text-vcenter, #section-13 .text-vcenter.cambio{
        padding: 15% 10%;
    }

    #section-5 .move2{
        margin: 0;
    }
    /*Military*/
    #section-13 .cambio img{padding: 0 10%;}


      .mapa-h{
        margin: 0 8%;
    }
    .espacio-top{
        top: 1px !important;
    }
    .container .menu-icon{
        top: 1px;
    }
    .cambio-menu{
        padding: 2% 8%;
    }
}

@media (min-width:600px) and (max-width:767px){
    .hero{
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        height: 100vh;
    }
    .hero h1{
        width: 100% !important;
    }
    .hero p{
        width: 100% !important;
    }
    .centro-t{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar .row{
        width: 100%;
    }
    footer li{
        text-align: center;
    }
    .medio-mb{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #section-6{margin: 0; padding: 10% 5%;}
    #section-7 .content{
        margin: 2%;
    }
    #section-7 .item p{
        font-size: 16px;
    }
    #section-7 span{
        font-size: 10px;
    }

    #section-8 h2{
        text-align: center;
        margin: 5% 0;
    }
    
}


@media (min-width:768px) and (max-width:992px){
    .hero{
        height: 100vh;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    #hero-index p{ width: 100%;}
    .hero h1, #hero-2 h1, #hero-2 p, #hero-3 p, #hero-4 p, #hero-5 p{
        width: 100% !important;
    }
    .centro-t{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    h2{
        font-size: 30px !important;
    }
    h3{
        font-size: 28px !important;
    }
    h4{
        font-size: 20px !important;
    }
    #section-1 h4, #section-5 h4{
        padding: 0;
    }
    #section-2 span, #section-9 span{
        font-size: 14px;
    }
    #section-2 .texto{
        padding: 2% 4%;
    }
    #section-2 img{
        padding: 12% 0;
    }
    #section-6{
        padding: 5%;
    }
    footer p{
        word-break: break-word;
    }
    #section-13 .text-vcenter.cambio{
        padding: 2%;
    }
    .mapa-h iframe{
        height: 50vh;
    }
    #section-5 .move2{
        margin: 0 20%;
    }
}

@media (min-width:992px) and (max-width:1200px){
    .hero{
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .hero h1, #hero-2 h1, #hero-2 p, #hero-3 p, #hero-4 p, #hero-5 p{
        width: 100% !important;
    }
    #section-1 h4{
        font-size: 27px;
    }
    #hero-index p{ width: 100%;}
    .centro-t{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #section-2 .texto{
        padding: 2% 4%;
    }
    #section-6 {
        padding: 5% 10%;
    }
    #section-13 .text-vcenter.cambio{
        padding: 2%;
    }
    .navbar .col-sm-2{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #section-5 .move2{
        margin: 0 20%;
    }
}