/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #info-contacto .col-6{width: 100% !important;}
    footer, footer li{
        text-align: center;
    }
    .navbar-brand img{
        width: 213px;
        height: 10px;
    }
    .navbar-brand{
        padding: 0;
        width: 50%;
    }
    .navbar-toggler i{color: #1a335e;}
    .navbar-toggler{margin-left: 20%;}
    h1{font-size: 15vw !important;}
    body{text-align: center;}
    p{width: 100% !important;}
    h2{font-size: 12vw !important; text-align: center;}
    h2.w-50{width: 100% !important;}
    h1.w-50{width: 100% !important;}
    .no-style li{width: 100%;}
    .espacio-info img{width: 100% !important; padding: 0 5%;}
    #info-supplies img, #info-vsl img, #info-agency img, #info-log img, #info-bunk img
    {width: 100% !important; padding:2% 5%; height: auto !important;}
    #section-thirteen .item{
        width: 45%;
    }
    #section-thirteen{
        text-align: center;
    }
    #section-thirteen h4, .title-eq{
        width: 100%;
        font-size: 25px;
    }
}
@media (max-width:360px){
    .navbar-toggler{margin-left: 15%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width:767px) {
    footer li, footer{
        text-align: center;
    }
    #section-thirteen h4{
        font-size: 20px;
    }
    .title-eq{
        width: 70%;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:992px) {
    body{overflow-x: hidden !important;}
    #info-contacto .col-6{padding: 0 2%;}
    #info-contacto .col-6 .correo{font-size: 14px;}
    #info-agency img{height: 60%;}
    .h-80{height: 60% !important;}
    .no-style li{width: 95%;}
    .espacio-info img{height: 45%;}
    #info-bunk h1{font-size: 7vw !important;}
    h1{font-size: 9vw !important;}
    h2{font-size: 6vw !important;}
    #section-thirteen h4{
        font-size: 24px;
    }
    .espacio-info img.img-bote{
        height: auto;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width:1200px) {
    #info-contacto h4{width: 90%;}
    .h-80{height: 80% !important;}
    .espacio-info img{height: 55%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) 
@media only screen and (min-width: 1200px) {...}*/