*{
  scroll-behavior: smooth!important;
  font-family: 'Helvetica'!important;
}
h4.titulo{
  color:#515151;
}
body{
  background-color:black;
  display: block;
  box-sizing: border-box;
  margin: auto;
  padding: 0px auto;
  color:white!important;
  overflow: hidden;
  overflow-x: hidden;
  opacity: 0;
  transition: opacity 2s;
  -webkit-transition: opacity 2s; /* Safari */
  margin-top:1rem!important;
}
.content{
  margin-top: 20%;
}
.mobile{
  display: none!important;
}
/* menu */
#myNav{
  padding-left: 1.2rem;

}
/* .cortina{
  top:1rem;
  left: 2rem;
  display: block;
  z-index: 999;
  width: 35px;
  height: 35px;
  cursor: pointer;
} */
.cortina:hover{
  opacity: 0.5;
}
.fade{
  transition: 0.4s all!important;
}
.overlay {
  width: 97.6%;
  height: 0;
  position: fixed;
  z-index: 1;
  top: -10px;
  left: 20px;
  right: 10px;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255, 1);
  overflow-x: hidden;
  transition: 0.8s;
  border-radius: 0px 0px 20px 20px;
}
.overlay-content {
  position: relative;
  top: 17%;
}
.overlay a, li, a{
  color:#515151;
  font-size: 16px;
  text-align: right;
  text-decoration: none!important;
  list-style:none!important;
  transition: 0.5s all ease-in-out!important;
  text-align: left;
}
.overlay a:hover, .overlay a:focus {
  color: #515151;
}
.overlay .closebtn {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  font-size: 30px;
}

.sub-nav{
  font-size: 13px;
  color: #cccbc2!important;
  font-weight: bold;
  margin-bottom: 2px!important;
  cursor: pointer;
}
.content-nav{
  text-align: left;
  margin-left: 3%;
}
.link-nav{
  font-size: 12px;
  padding: 0px;
  margin-bottom: 0;
  cursor: pointer;
}

.link-nav:hover, .sub-nav:hover{
  cursor: pointer;
  opacity: 0.4;
  transition: 0.5s all;
}
#btn-open, #myNav, #navMob{
  transition: .6s!important;
}
#btn-open, #btn-open > svg{
  left: 2rem;
  top:1rem;
  width: 32px;
  height: 32px;
  z-index: 999!important;
}
.language{
  font-weight: 700;
  transition: 0.5s all ease-in-out;
  color:black;
  font-size: 15px!important;;
}
.menu-active{
  background-color: rgba(0,0,0,0.1);
  width: max-content;
  border-radius: 20px;
  padding: inherit;
}
h6.menu:focus, h6.menu:hover {
  background-color: rgba(0,0,0,0.1);
  width: max-content;
  border-radius: 20px;
  padding: inherit;
  transition: 0.5s all;
  cursor: pointer;
}





button:focus {
  outline:none!important;
  outline: none!important;
  border: none!important;
}
a{
  border:none;
  text-decoration: none;
}

/* modal */

.mobile.fondo-modal, .fondo-modal1{
  height: 230px;
  margin-left: auto;
  border-radius: 20px;
  /* background-image: url('img/1'); */
  background-size: cover;
}
.primera{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
    ),
    url('img/1');
    height: 100vh;
    margin-top: 3rem;
  }
  .segunda, .fondo-modal2{
    background:linear-gradient(
      rgba(0, 0, 0, 0.45),
      rgba(0, 0, 0, 0.45)
      ),
      url('img/2');
    }
    .tercera{
      background:linear-gradient(
        rgba(0, 0, 0, 0.45),
        rgba(0, 0, 0, 0.45)
        ),
        url('img/3');
      }
      .cuarta{
        background:linear-gradient(
          rgba(0, 0, 0, 0.45),
          rgba(0, 0, 0, 0.45)
          ),
          url('img/4');
        }
        .quinta{
          background:linear-gradient(
            rgba(0, 0, 0, 0.45),
            rgba(0, 0, 0, 0.45)
            ),
            url('img/5');
          }
          .sexta{
            background:linear-gradient(
              rgba(0, 0, 0, 0.45),
              rgba(0, 0, 0, 0.45)
              ),
              url('img/6');
            }
            .septima{
              background:linear-gradient(
                rgba(0, 0, 0, 0.45),
                rgba(0, 0, 0, 0.45)
                ),
                url('img/7');
              }
              .primera, .segunda, .tercera, .cuarta, .quinta, .sexta, .septima{
                background-size: cover;
                border-radius: 20px;
                width: 98vw;
                height: 90vh;
                margin: auto!important;
                max-inline-size: -webkit-fill-available;
              }

              .btn-top{
                justify-content: center;
                position: fixed;
                top:15vh;
                left: 50%;
              }
              .btn-bottom{
                justify-content: center;
                position: fixed;
                top:83vh;
                left: 50%;
              }
              .modal-open .modal {
                overflow-x: hidden;
                overflow-y: hidden;
              }
              .modal-backdrop{
                position: fixed;
                top: 0;
                left: 0;
                z-index: 1040;
                width: 100%;
                height: 100%;
                background-color: white!important;
              }
              .modal.fade.show{
                top:20%!important;
              }

              .modal-content{
                border:none!important;
                margin-left: -340px;
                border-radius: 20px!important;
              }

              .modal-header{
                border-bottom:none!important;
                height: 20px!important;
                padding: 0px!important;
              }
              .modal-header .close{
                padding: 0px!important;
                margin: 0px!important;
              }
              .modal-body, .modal-dialog, .modal-content{
                width: 1194px!important;
                height: 550px;
              }
              .modal-body{
                padding: 0.5rem!important;
              }
              .carousel-indicators li{
                width: 10px!important;
                height: 10px!important;
                border-radius: 100%;
                background-color: black!important;
                opacity: 0.4;
                margin-left: 17px!important;
              }
              .carousel-indicators {
                margin-right: 7rem!important;
                justify-content: flex-end!important;
                bottom:-13px!important;
              }
              .carousel-item{
              }
              .card{
                color:#515151!important;
                border:none!important;
              }
              .card-title{
                background: transparent!important;
              }
              p.sub{
                font-size: 18px;
              }
              p.date{
                font-size: 15px;
              }
              p.details{
                font-size: 14px;
              }
              .scroll{
                height: 350px;
                overflow-y: scroll;
              }
              ::-webkit-scrollbar {
                width: 5px;
                margin-left: 2%;
                padding: 2px;
              }
              /* fondo */
              ::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                border-radius: 100px;
                cursor: pointer;
              }
              /* posicion */
              ::-webkit-scrollbar-thumb {
                border-radius: 100px;
                background-color: rgba(51,51,51);
                cursor: pointer;
              }
              .scroll::-webkit-scrollbar-thumb:hover {
                cursor: pointer!important;
              }


              .card-body{
                padding-bottom: 0px!important;
              }
              .btn-mas{
                background-color: rgba(0,0,10,0.6);
                border-radius: 20px;
                border:transparent;
                color:white;
                width: 180px;
                height: 30px;
                transition: 0.4s ease;;
              }
              .btn-mas:hover{
                background-color: rgba(0,0,0,0.2);
              }

              p.descripcion{
                font-size: 18px;
                font-weight: 500;
                line-height: 1.2;
              }

              /* .fixed-bottom{
              justify-content: center;
              } */
              svg{
                width: 20px;
                height: 20px;
              }

              /* carousel */
              .modal{
              }




              /* footer */
              .footer{
                color:black;
                margin: 1% 0% 2% 0%!important;
                font-size: 12px;
                line-height: 1.2;
              }
              .txt-footer{
                text-align:center;
                color:#515151;
                font-size:15px;
                line-height:1.2;
                margin-bottom:1%;
              }
              .col-sm-12.col-md-3.col-lg-3.col-xl-3{
                padding-left: 0!important;
              }

              @media (max-width: 600px) {

                /* aqui se bloquea el scroll */

                          html{
                            overflow: hidden;
                            /* overflow: auto/scroll; */
                          }



                /* menu */
                .overlay {
                  width: 94%;
                  left: 11px;
                  overflow:hidden;
                }
                .overlay-content {
                  position: relative;
                  top: 17%;
                }
                .overlay a, li, a{
                  color:#515151;
                  font-size: 16px;
                  text-align: right;
                  text-decoration: none!important;
                  list-style:none!important;
                  transition: 0.5s all ease-in-out!important;
                  text-align: left;
                }
                .cortina{
                  top:1rem;
                  left: 2rem;
                  display: block;
                  z-index: 999;
                  width: 35px;
                  height: 35px;
                  cursor: pointer;
                }
                .cortina:hover{
                  opacity: 0.5;
                }
                .overlay a:hover, .overlay a:focus {
                  color: #515151;
                }
                .overlay .closebtn {
                  position: absolute;
                  top: 1.5rem;
                  right: 1rem;
                  font-size: 30px;
                }
                .sub-nav{
                  font-size: 13px;
                  color: #cccbc2;
                  font-weight: bold;
                  margin-bottom: 2px!important;
                  cursor: pointer;
                }
                .content-nav{
                  text-align: left;
                  margin-left: 3%;
                }

                .link-nav{
                  font-size: 12px;
                  padding: 0px;
                  margin-bottom: 0;
                  cursor: pointer;
                }
                .language{
                  font-weight: 700;
                  transition: 0.5s all ease-in-out;
                  color:black;
                  font-size: 13px!important;;
                }
                .logo-menu{
                  width: 91px!important;
                  height: 28px!important;
                }
                .img-mob{
                  position: absolute;
                  top: 19.3rem;
                  left: 22rem;
                }
                .link-nav:hover, .sub-nav:hover{
                  cursor: pointer;
                  opacity: 0.4;
                  transition: 0.5s all;
                }
                .menu-active{
                  background-color: rgba(0,0,0,0.1);
                  width: max-content;
                  border-radius: 20px;
                  padding: inherit;
                }
                h6.menu:focus, h6.menu:hover {
                  background-color: rgba(0,0,0,0.1);
                  width: max-content;
                  border-radius: 20px;
                  padding: inherit;
                  transition: 0.5s all;
                  cursor: pointer;
                }




                .overlay a {font-size: 20px}
                .overlay .closebtn {
                  display:none;
                  /* font-size: 40px;
                  top: 15px;
                  right: 35px; */
                }
                p.date{
                  font-size: 13px;
                }
                #btn_abajo, #btn_arriba{
                  display: none!important;;
                }

                .primera{
                  background:
                  linear-gradient(
                    rgba(0, 0, 0, 0.4),
                    rgba(0, 0, 0, 0.1)
                    ),
                    url('img/1');
                  }
                  .segunda{
                    background:
                    linear-gradient(
                      rgba(0, 0, 0, 0.4),
                      rgba(0, 0, 0, 0.1)
                      ),
                      url('img/2');
                    }
                    .tercera{
                      background:linear-gradient(
                        rgba(0, 0, 0, 0.4),
                        rgba(0, 0, 0, 0.1)
                        ),
                        url('img/3');
                      }
                      .cuarta{
                        background:linear-gradient(
                          rgba(0, 0, 0, 0.4),
                          rgba(0, 0, 0, 0.1)
                          ),
                          url('img/4');
                        }
                        .quinta{
                          background:linear-gradient(
                            rgba(0, 0, 0, 0.4),
                            rgba(0, 0, 0, 0.1)
                            ),
                            url('img/5');
                          }
                          .sexta{
                            background:linear-gradient(
                              rgba(0, 0, 0, 0.4),
                              rgba(0, 0, 0, 0.1)
                              ),
                              url('img/6');
                            }
                            .septima{
                              background:linear-gradient(
                                rgba(0, 0, 0, 0.4),
                                rgba(0, 0, 0, 0.1)
                                ),
                                url('img/7');
                              }
                              /* .overlay {
                              width: 94%;
                              left: 11px;
                            }
                            .overlay-content {
                            position: relative;
                            top: 17%;
                          }
                          .overlay a, li, a{
                          color:#515151;
                          font-size: 18px;
                          text-align: right;
                          text-decoration: none!important;
                          list-style:none!important;
                          transition: 0.5s all ease-in-out!important;
                          text-align: left;
                          } */
                          .primera.mx-auto{
                            margin-top: 1rem!important;
                          }
                          .col-sm-8.col-6.content{
                            padding-left: 0px!important;
                          }
                          /* img */
                          .primera, .segunda, .tercera, .cuarta, .quinta, .sexta, .septima {
                            background-size: cover;
                            border-radius: 20px;
                            width: 95vw!important;;
                            height: 90vh;
                            overflow-x: hidden;
                            margin: auto!important;
                            max-inline-size: -webkit-fill-available;

                          }
                          .modal.fade.show {
                            top: 40px!important;
                          }

                          .mobile{
                            display:block!important;
                          }
                          .desktop{
                            display:none!important;
                          }
                          .img-responsive{
                            border-radius: 20px!important;
                          }
                          .carousel-indicators {
                            position: absolute;
                            top: 82vh;
                          }
                          .card-title.sub{
                            font-size: 16px!important;
                          }
                          .card-header.descripcion {
                            padding: 0rem!important;
                            margin-bottom: 0;
                            border-radius: 20px!important;
                            background-color: rgba(0,0,0,.03);
                            border-bottom: none!important;
                          }
                          .card-body > h3{
                            font-size: 23px!important;
                          }
                          .card-body > h3, .card-body > .card-title, .card-body p.date{
                            padding-left:1rem!important;
                          }
                          .card-text.details.scroll{
                            padding-left: 1.2rem!important;
                            padding-top: 0.4rem!important;;
                          }
                          .scroll {
                            overflow-y: scroll;
                          }
                          .btn-link{
                            color:#515151!important;
                            list-style:none!important;
                            border:none!important;
                          }
                          .btn-link.btn{
                            text-decoration: none!important;
                            list-style:none!important;
                            border:none!important;
                          }
                          button{
                            text-decoration: none!important;
                            list-style:none!important;
                          }
                          .btn:focus {
                            outline: 0;
                            box-shadow: none!important;;
                          }
                          li, a{
                            color:#515151;
                            font-size: 18px;
                            text-align: right;
                            text-decoration: none!important;
                            list-style:none!important;
                            transition: 0.5s all ease-in-out!important;
                            text-align: left;
                          }

                          .primera, .segunda, .tercera, .cuarta, .quinta, .sexta, .septima {
                            background-size: cover;
                            border-radius: 20px;
                            width: 97vw;
                            height: 90vh;
                            max-inline-size: -webkit-fill-available;
                          }
                          .content h2{
                            font-size: 25px!important;
                            margin-top:50%;;
                          }
                          .mt-3.descripcion{
                            font-size: 13px;
                          }
                          svg{
                            display:none;
                          }
                          .modal-content {
                            position: relative;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            width: 100%;
                            pointer-events: auto;
                            background-color: #fff;
                            background-clip: padding-box;
                            border: none!important;
                            border-radius: .3rem;
                            outline: 0;
                            margin-left: 1.8rem!important;;
                            border-radius: 20px!important;
                          }
                          .modal-body, .modal-dialog, .modal-content {
                            width: 80vw!important;
                            height: 90vh!important;
                          }
                          .modal-open .modal {
                            overflow-x: hidden!important;
                            overflow-y: hidden!important;
                          }
                          .modal-backdrop {
                            position: fixed;
                            top: 0;
                            left: 0;
                            z-index: 1040;
                            width: 100%;
                            min-height: 100%!important;
                            background-color: white!important;;
                          }
                          /* footer */
                          .txt-footer{
                            font-size:11px!important;;
                          }
                          .d-block.w-100.img-responsive{
                            height: 190px!important;
                          }
                        }


                        @media screen
                        and (device-width: 360px)
                        and (device-height: 640px)
                        and (-webkit-device-pixel-ratio: 2) {
                          .img-mob{
                            position: absolute;
                            top: 19.3rem;
                            left: 15rem;
                          }
                        }
                        @media screen
                        and (device-width: 360px)
                        and (device-height: 740px)
                        and (-webkit-device-pixel-ratio: 3) {
                          .img-mob{
                            position: absolute;
                            top: 19.3rem;
                            left: 15rem!important;
                          }
                        }



                        /* 6+7+ */
                        @media only screen
                        and (max-device-width: 450px)
                        and (min-height: 700px){
                          .modal-backdrop{
                            background-color: white;
                          }
                          .card-text.details.scroll{
                            max-height: 14rem!important;;
                          }
                          .card-header {
                            background-color: transparent;
                            width: 70vw;
                            padding: 0rem!important;
                            margin-bottom: 0;
                            border-radius: 20px!important;
                            background-color: transparent!important;;
                            border-bottom: none!important;
                          }
                          .card-body.mobile{
                            padding: 0!important;
                          }
                          .card-body{
                            padding-bottom:0px!important;;
                          }
                          .link-nav.mobile{
                            color:#515151;
                          }
                          .cortina{
                            top:0.6rem!important;
                          }
                          #myNav{
                            overflow-y: hidden!important;;
                          }
                          .overlay {
                            width: 94.3%!important;;
                            left: 11px;
                            overflow-y: hidden;
                          }
                          .overlay-content {
                            position: relative;
                            top: 3rem;
                            left: 1.7rem;
                          }
                          .overlay .closebtn {
                            display:none!important;
                          }
                          .logo-menu{
                            width: 91px!important;
                            height: 28px!important;
                          }
                          .img-mob{
                            position: absolute;
                            top: 19.3rem;
                            left: 22rem;
                          }
                          /* .overlay .closebtn {
                          position: absolute;
                          right: 0.6rem!important;
                          top:0.3rem!important;
                          font-size: 25px!important;
                          } */
                          .img-mob{
                            position: absolute;
                            top: 18rem;
                            left: 17rem;
                          }
                        }
                        /* x */
                        @media only screen
                        and (min-device-width: 370px)
                        and (max-device-width: 400px)
                        and (max-device-width: 812px)
                        and (orientation: portrait) {
                          .link-nav.mobile{
                            padding-bottom: 0.3rem;
                            color:#515151;
                          }
                          ol.mobile{
                            padding-left: 0!important;;
                          }
                          .btn-link{
                            opacity:0.4!important;;
                            padding:0px!important;
                          }
                          .btn-link:focus{
                            opacity:1!important;;
                          }
                          .overlay-content {
                            position: relative;
                            top: 4rem;
                            left: 2rem;
                          }
                          .img-mob{
                            position: absolute;
                            top: 22rem;
                            left: 19rem;
                          }
                          .cortina{
                            top:0.4rem!important;
                          }
                          #myNav{
                            overflow-y: hidden!important;;
                          }
                          .modal-backdrop{
                            background-color: white;
                          }
                          .card-text.details.scroll{
                            max-height: 15rem!important;;
                          }
                          ol.mobile{
                            padding-left: 0!important;;
                          }
                          .btn-link{
                            opacity:0.4!important;;
                            padding:0px!important;
                          }
                          .btn-link:focus{
                            opacity:1!important;;
                          }
                          .card-body.mobile{
                            padding-bottom: 0!important;
                          }
                        }
                        /* 678 */
                        @media only screen
                        and (max-device-width: 400px)
                        and (max-device-height: 667px)
                        and (-webkit-min-device-pixel-ratio: 2)
                        and (orientation: portrait) {

                          .link-nav.mobile{
                            color: #515151;
                          }
                          .img-mob{
                            overflow:hidden!important;
                            position: absolute;
                            top: 21rem;
                            left: 18rem;
                          }
                          .mt-1.logo-menu{
                            width: 68px!important;
                            height: 22px!important;
                          }
                          .language{
                            font-size:9px!important;
                          }

                          .modal-backdrop{
                            background-color: white;
                          }
                          .card-text.details.scroll{
                            max-height: 8rem!important;;
                          }
                          .card-header {
                            background-color: transparent;
                            width: 70vw;
                            padding: 0rem!important;
                            margin-bottom: 0;
                            border-radius: 20px!important;
                            background-color: transparent!important;;
                            border-bottom: none!important;
                          }

                          .btn-link{
                            opacity:0.4!important;;
                            padding:0px!important;
                          }
                          .btn-link:focus{
                            opacity:1!important;;
                          }
                          .card-body.mobile{
                            padding: 0!important;
                          }
                        }
                        @media (min-width: 1020px) and (min-height: 750px)  {
                          .overlay{
                            width: 96.1%!important;
                            overflow: hidden;
                          }
                          p.sub-nav {
                            font-size: 11px!important;
                            line-height: 13px!important;
                          }
                          p.link-nav{
                            font-size: 10px!important;
                            line-height: 13px!important;
                          }
                          .row.img-mob{
                            margin-top: 7rem!important;
                          }
                          .language{
                            font-size: 13px!important;
                          }
                        }
                        @media (min-width: 1024px) and (min-height: 600px)  {
                          .overlay{
                            width: 97%!important;
                            overflow: hidden;
                          }
                          .row.img-mob{
                            margin-top: 1rem!important;
                          }

                        }
                        @media (min-width: 1240px) and (min-height: 500px)  {
                          .overlay{
                            width: 97%!important;
                            overflow: hidden;
                          }
                          p.sub-nav {
                            font-size: 13px!important;
                            line-height: 15px!important;
                          }
                          p.link-nav{
                            font-size: 12px!important;
                            line-height: 15px!important;
                          }
                          .row.img-mob{
                            margin-top: 3rem!important;
                          }

                        }
                        @media (min-width: 1240px) and (min-height: 600px)  {
                          .row.img-mob{
                            margin-top: 7rem!important;
                          }
                        }
                        @media (min-width: 1240px) and (min-height: 700px)  {
                          .row.img-mob{
                            margin-top: 4rem!important;
                          }
                        }
                        @media (min-width: 1240px) and (min-height: 720px)  {
  .overlay{
    width: 97%!important;
  }
  p.sub-nav {
    font-size: 13px!important;
    line-height: 15px!important;
  }
  p.link-nav{
    font-size: 12px!important;
    line-height: 15px!important;
  }
  .row.img-mob{
    margin-top: 7rem!important;
  }
}
@media (min-width: 1280px) and (min-height: 800px)  {
  .overlay{
    width: 97%!important;
  }
  .row.img-mob{
    margin-top: 4rem!important;
  }
}
@media (min-width: 1360px) and (min-height: 760px)  {
  .overlay{
      width: 97.1%!important;
      overflow: hidden;
  }
  .row.img-mob{
    margin-top: 7rem!important;
  }
  p.sub-nav {
    font-size: 13px!important;
    line-height: 18px!important;
  }
  p.link-nav{
    font-size: 12px!important;
    line-height: 18px!important;
  }
}

@media (min-width: 1360px) and (min-height: 620px)  {
  .modal.fade.show{
    top:5%!important;
  }
  .overlay{
      width: 97.1%!important;
  }
  .row.img-mob{
    margin-top: 2rem!important;
  }
  p.sub-nav {
    font-size: 13px!important;
    line-height: 15px!important;
  }
  p.link-nav{
    font-size: 12px!important;
    line-height: 15px!important;
  }
}

@media (min-width: 1366px) and (max-height: 670px) {
        .row.img-mob{
      margin-top: 0rem!important;
    }
}
@media (min-width: 1366px) and (min-height: 670px) and (max-height: 700px) {
  .overlay{
width: 97.1%!important;
  }
              .row.img-mob{
      margin-top: 3rem!important;
    }
}
@media (min-width: 1440px) and (min-height: 700px)  {
  .modal.fade.show{
    top:13%!important;
  }
  .overlay {
  width: 97.3%!important;
  }
        .row.img-mob{
      margin-top: 3rem!important;
    }
    p.sub-nav {
      font-size: 13px!important;
      line-height: 18px!important;
    }
    p.link-nav{
      font-size: 12px!important;
      line-height: 18px!important;
    }
}

@media (min-width: 1530px) and (min-height: 750px)  {
  .overlay {
  width: 97.6%!important;
  /* height: 62%!important;; */
    }
    .row.img-mob{
      margin-top: 6rem!important;
    }
    p.sub-nav {
      font-size: 13px!important;
      line-height: 18px!important;
    }
    p.link-nav{
      font-size: 12px!important;
      line-height: 18px!important;
    }
}

  @media (min-width: 1670px) and (min-height: 1040px)  {
    .row.img-mob{
      margin-top: 8rem!important;
    }
}
@media (max-height: 900px)
and (min-width:1600px)
and (max-width: 1680px){
.row.img-mob{
  margin-top: 5rem!important;
}
}

@media (min-width: 1680px) and (min-height: 900px)  {
  .row.img-mob{
  margin-top: 3.5rem!important;
}
}
    @media (min-width: 1920px) and (min-height: 900px)  {
        .overlay {
        width: 98%!important;;
        left: 21px;
      }
      .row.img-mob{
  margin-top: 3rem!important;
}
}


    @media (min-width: 1920px) and (min-height: 1080px)  {
      .cortina{
        left:3rem!important;
      }
      .row.img-mob{
        margin-top: 5rem!important;
      }
      p.sub-nav {
        font-size: 14px!important;
        line-height: 21px!important;
      }
      p.link-nav{
        font-size: 13px!important;
        line-height: 21px!important;
      }
      .overlay {
        width: 97.1%!important;;
        left: 28px;
      }
    }