.gn-carouselInicio,
.carousel-inner,
.carousel-item,
.gn-carouselImg{
  height: 780px;
}
  .gn-carouselInicio{
    position: relative;
    overflow: hidden;
  }
  .carousel-inner,
  .carousel-item{
    overflow: hidden;
  }
  .gn-carouselImg{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
  .gn-filter{
    background: linear-gradient(0deg,rgba(0, 22, 124, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: 9;
  }
  .gn-caruselContent{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    color: white;
  }
  .gn-caruselContent h1{
    font-size: 58px;
    font-weight: bold;
  }
  .gn-caruselContent p{
    font-size: 40px;
    font-weight: 200;
    margin: 0px;
    padding: 0px;
  }
  .gn-caruselContent .gn-btn{
    padding: 10px 40px;
    background-color: white;
    border-radius: 30px;
    color: black;
    margin-left: 20px;
  }
  
  
@media (max-width: 767px){
  .gn-carouselInicio, .carousel-inner, .carousel-item, .gn-carouselImg{ height: 600px !important; }
  .gn-caruselContent h1{
    font-size: 36px !important;
    font-weight: bold;
  }
  .gn-caruselContent p{
    font-size: 24px !important;
    margin-bottom: 20px;
  }
  .gn-caruselContent .gn-btn{ padding: 10px 30px; }
  .gn-carouselImg img{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px){
    
    .gn-caruselContent h1{
      font-size: 42px !important;
      font-weight: bold;
    }
    .gn-caruselContent p{
      font-size: 32px !important;
      margin-bottom: 20px;
    }
    .gn-caruselContent .gn-btn{padding: 10px 30px;}
    .gn-carouselImg img{
      height: 100% !important;
      width: auto !important;
      max-width: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px){
  .gn-caruselContent h1{
    font-size: 42px !important;
    font-weight: bold;
  }
  .gn-caruselContent p{
    font-size: 32px !important;
  }
  .gn-carouselImg img{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px){
  .gn-caruselContent h1{
    font-size: 42px !important;
    font-weight: bold;
  }
  .gn-caruselContent p{
    font-size: 32px !important;
  }
  .gn-carouselImg img{
    height: auto !important;
    width: 100% !important;
    max-width: none !important;
  }
}