@media only screen and (max-width: 575px) {
    h1 {
        font-size: 42px;
        line-height: 42px;
    }
    h3 {
        font-size: 20px;
    }
    h2 {
        font-size: 32px;
        line-height: 32px;
        padding: 0;
    }
    /*MENU*/
    #menu .navbar-brand {
        margin-right: 0;
        background-image: url(/img/logo/icon.svg);
        background-repeat: no-repeat;
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    #menu .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand {
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    .navbar-collapse{
        text-align: center;
        height: 100vh;
        margin-top: 2rem;
    }
    #menu .nav-link, .nav-scroll .nav-link {
        padding: 2rem 0.5rem;
        margin: 0 !important;
    }
    #menu .redes, .nav-scroll .redes {
        display: block;
        padding: 2rem 0.5rem;
        border-top: 1px solid #D9D9D9;
        margin-top: 2rem;
    }
    #menu .navbar-nav .active > .nav-link, #menu .navbar-nav .navbar-link.active, #menu .navbar-nav .show > .nav-link, #menu .navbar-nav .navbar-link.show {
        background-color: #00BED6;
        color: #F5F5F5;
        border-bottom: 0;
    }
    /*CAROUSEL*/
    #carouselIO .carousel-item img{
        height: 100vh;
        width: auto !important;
    }
    .carousel-caption {
        bottom: 5rem;
    }
    /*AREAS*/
    #areas .img-fluid{
        max-width: 40%;
        display: flex;
        padding: 0 1rem;
    }
    /*BANNER*/
    #carouselIMG{
        display: none;
    }
    /*CONTACTO*/
    .bg-cont{
        background-image: none;
        text-align: center;
    }
    .bg-cont .container .row .text-end{
        text-align: center !important;
        margin-top: 2rem;
    }
    /*CLIENTES*/
    #carouselClientes{
        display: none;
    }
    /*TITULO*/
    .header-back{
        height: 50px !important;
    }
    #titulo .justify-content-end{
        justify-content: flex-start !important;
        margin-top: 2rem;
    }
    /*CONTACTANOS*/
    #contacto .info{
        display: none;
    }
    /*FOOTER*/
    footer{
        text-align: center;
    }
    .footer-brand img {
        width: 16vw;
    }
    .icon-f{
        margin: auto;
        padding-bottom: 5px;
    }
    footer .link{
        text-align: center;
    }
    .redes-f .youtube, .redes-f .linkedin{
        margin-top: 2rem;
    }
    /*MODAL*/
    .modal-content {
        width: 100%;
    }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 599px) {
    h1 {
        font-size: 42px;
        line-height: 42px;
    }
    h3 {
        font-size: 20px;
    }
    h2 {
        font-size: 32px;
        line-height: 32px;
        padding: 0;
    }
    /*MENU*/
    #menu .navbar-brand {
        margin-right: 0;
        background-image: url(/img/logo/icon.svg);
        background-repeat: no-repeat;
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    #menu .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand {
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    .navbar-collapse{
        text-align: center;
        height: 100vh;
        margin-top: 2rem;
    }
    #menu .nav-link, .nav-scroll .nav-link {
        padding: 2rem 0.5rem;
        margin: 0 !important;
    }
    #menu .redes, .nav-scroll .redes {
        display: block;
        padding: 2rem 0.5rem;
        border-top: 1px solid #D9D9D9;
        margin-top: 2rem;
    }
    #menu .navbar-nav .active > .nav-link, #menu .navbar-nav .navbar-link.active, #menu .navbar-nav .show > .nav-link, #menu .navbar-nav .navbar-link.show {
        background-color: #00BED6;
        color: #F5F5F5;
        border-bottom: 0;
    }
    /*CAROUSEL*/
    #carouselIO .carousel-item img{
        height: 100vh;
        width: auto !important;
    }
    .carousel-caption {
        bottom: 5rem;
    }
    /*AREAS*/
    #areas .img-fluid{
        max-width: 40%;
        display: flex;
        padding: 0 1rem;
    }
    /*BANNER*/
    #carouselIMG{
        display: none;
    }
    /*CONTACTO*/
    .bg-cont{
        background-image: none;
        text-align: center;
    }
    .bg-cont .container .row .text-end{
        text-align: center !important;
        margin-top: 2rem;
    }
    /*CLIENTES*/
    #carouselClientes{
        display: none;
    }
    /*TITULO*/
    .header-back{
        height: 50px !important;
    }
    #titulo .justify-content-end{
        justify-content: flex-start !important;
        margin-top: 2rem;
    }
    /*CONTACTANOS*/
    #contacto .info{
        display: none;
    }
    /*FOOTER*/
    footer{
        text-align: center;
    }
    .footer-brand img {
        width: 16vw;
    }
    .icon-f{
        margin: auto;
        padding-bottom: 5px;
    }
    footer .link{
        text-align: center;
    }
    .redes-f .youtube, .redes-f .linkedin{
        margin-top: 2rem;
    }
    /*MODAL*/
    .modal-content {
        width: 100%;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) and (max-width: 767px) {
    h1 {
        font-size: 42px;
        line-height: 42px;
    }
    h3 {
        font-size: 20px;
    }
    h2 {
        font-size: 32px;
        line-height: 32px;
        padding: 0;
    }
    /*MENU*/
    #menu .navbar-brand {
        margin-right: 0;
        background-image: url(/img/logo/icon.svg);
        background-repeat: no-repeat;
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    #menu .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand {
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    .navbar-collapse{
        text-align: center;
        height: 100vh;
        margin-top: 2rem;
    }
    #menu .nav-link, .nav-scroll .nav-link {
        padding: 2rem 0.5rem;
        margin: 0 !important;
    }
    #menu .redes, .nav-scroll .redes {
        display: block;
        padding: 2rem 0.5rem;
        border-top: 1px solid #D9D9D9;
        margin-top: 2rem;
    }
    #menu .navbar-nav .active > .nav-link, #menu .navbar-nav .navbar-link.active, #menu .navbar-nav .show > .nav-link, #menu .navbar-nav .navbar-link.show {
        background-color: #00BED6;
        color: #F5F5F5;
        border-bottom: 0;
    }
    /*CAROUSEL*/
    #carouselIO .carousel-item img{
        height: 100vh;
        width: auto !important;
    }
    .carousel-caption {
        bottom: 5rem;
    }
    /*AREAS*/
    #areas .img-fluid{
        max-width: 40%;
        display: flex;
        padding: 0 1rem;
    }
    /*BANNER*/
    #carouselIMG{
        display: none;
    }
    /*CONTACTO*/
    .bg-cont{
        background-image: none;
        text-align: center;
    }
    .bg-cont .container .row .text-end{
        text-align: center !important;
        margin-top: 2rem;
    }
    /*CLIENTES*/
    #carouselClientes{
        display: none;
    }
    /*TITULO*/
    .header-back{
        height: 50px !important;
    }
    #titulo .justify-content-end{
        justify-content: flex-start !important;
        margin-top: 2rem;
    }
    /*CONTACTANOS*/
    #contacto .info{
        display: none;
    }
    /*FOOTER*/
    footer{
        text-align: center;
    }
    .footer-brand img {
        width: 16vw;
    }
    .icon-f{
        margin: auto;
        padding-bottom: 5px;
    }
    footer .link{
        text-align: center;
    }
    .redes-f .youtube, .redes-f .linkedin{
        margin-top: 2rem;
    }
    /*MODAL*/
    .modal-content {
        width: 100%;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 42px;
        line-height: 42px;
    }
    h3 {
        font-size: 20px;
    }
    h2 {
        font-size: 32px;
        line-height: 32px;
        padding: 0;
    }
    /*MENU*/
    #menu .navbar-brand {
        margin-right: 0;
        background-image: url(/img/logo/icon.svg);
        background-repeat: no-repeat;
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    #menu .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand img {
        display: none;
    }
    .nav-scroll .navbar-brand {
        width: 10vw;
        height: 5vh;
        margin: 0.5rem 0;
    }
    .navbar-collapse{
        text-align: center;
        height: 100vh;
        margin-top: 2rem;
    }
    #menu .nav-link, .nav-scroll .nav-link {
        padding: 2rem 0.5rem;
        margin: 0 !important;
    }
    #menu .redes, .nav-scroll .redes {
        display: block;
        padding: 2rem 0.5rem;
        border-top: 1px solid #D9D9D9;
        margin-top: 2rem;
    }
    #menu .navbar-nav .active > .nav-link, #menu .navbar-nav .navbar-link.active, #menu .navbar-nav .show > .nav-link, #menu .navbar-nav .navbar-link.show {
        background-color: #00BED6;
        color: #F5F5F5;
        border-bottom: 0;
    }
    /*CAROUSEL*/
    #carouselIO .carousel-item img{
        height: 100vh;
        width: auto !important;
    }
    .carousel-caption {
        bottom: 5rem;
    }
    /*AREAS*/
    #areas .img-fluid{
        max-width: 40%;
        display: flex;
        padding: 0 1rem;
    }
    /*BANNER*/
    #carouselIMG{
        display: none;
    }
    /*CONTACTO*/
    .bg-cont{
        background-image: none;
        text-align: center;
    }
    .bg-cont .container .row .text-end{
        text-align: center !important;
        margin-top: 2rem;
    }
    /*CLIENTES*/
    #carouselClientes{
        display: none;
    }
    /*TITULO*/
    .header-back{
        height: 50px !important;
    }
    #titulo .justify-content-end{
        justify-content: flex-start !important;
        margin-top: 2rem;
    }
    /*CONTACTANOS*/
    #contacto .info{
        display: none;
    }
    /*FOOTER*/
    footer{
        text-align: center;
    }
    .footer-brand img {
        width: 16vw;
    }
    .icon-f{
        margin: auto;
        padding-bottom: 5px;
    }
    footer .link{
        text-align: center;
    }
    .redes-f .youtube, .redes-f .linkedin{
        margin-top: 2rem;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1424px){
}