@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap');

@media (min-width: 1400px) {
    #bar-servicios div.row > div > p {
        margin-top: 1vh;
    }

    footer .row > div .row > div:nth-child(1) > img {
        width: calc(0.6vw + 0.6vh);
    }
}

@media (min-width: 1200px) {
    #bar-servicios div.row > div > p {
        margin-top: 1vh;
    }

    footer .row > div .row > div:nth-child(1) > img {
        width: calc(0.6vw + 0.6vh);
        margin-top: 0.5vh;
    }
}

@media (min-width: 993px) and (max-width: 1999px) {

    /*menu 1 start*/
    #bar-servicios div.row > div > img {
        width: calc(3vw + 3vh);
    }

    #bar-servicios div.row > div > p {
        margin-top: 1vh;
    }
    /*menu 1 end*/

    .overlay {
        position: fixed;
        top: 21.7vh;
        left: 0;    
        width: 100%;
        height: 100%;
        background-color: rgba(12,35,65,0.5);
        display: none;
        z-index: 1;
    }
}

@media (max-width: 992px) {
    /*logo start*/
    .logo-header-IN {
      width: 9vw;
    height: 11vh;
    }
    /*logo end*/
    /*header 2 start*/
    #header2 div.row > div > img {
        width: 10vw;
        height: 5vh;
        margin-bottom: 0.8vh;
    }
    /*header 2 end*/
    /*menu 1 start*/
    #bar-servicios div.row > div > img {
        width: calc(3vw + 3vh);
    }

    #bar-servicios div.row > div > p {
        margin-top: 0vh;
    }
    /*menu 1 end*/
    footer .row > div .row > div:nth-child(1) > img {
        width: calc(1vw + 1vh);
    }

    .overlay {
    position: fixed;
    top: 44.7vh;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12,35,65,0.5);
    display: none;
    z-index: 1;
  }
}

@media (max-width: 768px) {
    /*menu 1 start*/

    #bar-servicios div.row > div > img {
        width: calc(4vw + 4vh);
    }
    .overlay {
    position: fixed;
    top: 24.7vh;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12,35,65,0.5);
    display: none;
    z-index: 1;
  }
    #bar-servicios div.row > div > p {
        margin-top: 1vh;
    }
    /*menu 1 end*/

    /*header 2 start*/
    #header2 div.row > div > img {
        width: calc(6vw + 10vh);
    }
    /*header 2 end*/
    footer .row > div .row > div:nth-child(1) > img {
        width: calc(1vw + 1vh);
    }
}

@media (max-width: 576px) {
    /*Header 1 start*/
    .logo-header-IN {
        width: 9vw;
    height: 11vh;
    }
    /*Header 1 end*/

    /*header 2 start*/
    #header2 div.row > div > img {
        width: calc(6vw + 10vh);
    }

    .overlay {
        position: fixed;
        top: 24.7vh;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(12,35,65,0.5);
        display: none;
        z-index: 1;
    }
    /*header 2 end*/

    /*menu 1 start*/
    #bar-servicios div.row > div > img {
        width: calc(6vw + 6vh);
    }

    #bar-servicios div.row > div > p {
        margin-top: 0.9vh;
        font-size: 1rem;
    }
    /*menu 1 end*/
    footer div > a img {
  width: calc(12vw + 12vh);
}
    footer .row > div .row > div:nth-child(1) > img {
    width: calc(2vw + 2vh);
  }
}

@media (max-width: 375px) {

    /*Header 1 start*/
    .logo-header-IN {
        width: 14vw;
    height: 10vh;
    }

    nav div ul > li {
        font-size: 0.99rem;
        --bs-nav-link-color: rgb(12,35,65);
    }
    /*Header 1 end*/
    .overlay {
        position: fixed;
        top: 45vh;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(12,35,65,0.5);
        display: none;
        z-index: 1;
    }

    /*header 2 start*/
    #header2 div.row > div > img {
        width: calc(6vw + 10vh);
    }
    /*header 2 end*/

    /*menu 1 start*/
    #bar-servicios div.row > div > img {
        width: calc(6vw + 6vh);
    }

    #bar-servicios div.row > div > p {
        margin-top: 0.9vh;
        font-size: 1rem;
    }

    /*menu 1 end*/
    /*carrucel defs cartas start   -18vh*/
    .swiper-free-mode > .swiper-wrapper {
        margin: 0 auto 0vh auto;
    }
    footer div > a img {
  width: calc(12vw + 12vh);
}
    footer .row > div .row > div:nth-child(1) > img {
    width: calc(2vw + 2vh);
  }
}