.container1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #009DFF;

}

.row1 {
  justify-content: center;
}



.iframe-container {
  border-radius: 30px;
  position: relative;
  right: 700px;
  top: 297px;
  width: 120%;
  height: 550px;
}




@media only screen and (min-width: 390px) and (max-width: 575px) {
  .slideInUp1 {
    color: rgb(255, 255, 255);
    position: relative;
  top: 91px;
  left: 36px;
  font-size: 25px;
  width: 489px;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
  }

  @media only screen and (min-width: 390px) and (max-width: 575px) {
    .container1 {
      position: relative;
      top: 1px;
      left: 1px;
      height: 380px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #009DFF;
      }
    }


  
    
    @media only screen and (min-width: 390px) and (max-width: 575px) {
      .iframe-container{
        border-radius: 20px;
        top: 134px;
        height: 212px;
        width: 398px;
        position: relative;
        left: 200px;
        bottom: auto;
        text-align: right;
        font-size: 1.5em;
      }
    }




/* ---------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 575px) and (max-width: 767px) {
.slideInUp1 {
  color: rgb(255, 255, 255);
  position: relative;
  top: 74px;
  left: -28px;
  font-size: 25px;
  width: 729px;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
  }

  @media only screen and (min-width: 575px) and (max-width: 767px) {
    .container1 {
      position: relative;
      top: 1px;
      left: 1px;
      height: 576px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #009DFF;
      }
    }


  
    
    @media only screen and (min-width: 575px) and (max-width: 767px) {
      .iframe-container{
        border-radius: 20px;
        top: 232px;
        height: 289px;
        width: 590px;
        position: relative;
        left: 185px;
        bottom: auto;
        text-align: right;
        font-size: 1.5em;
      }
    
    }
/* ----------------------------------------------------------------------------- */


@media only screen and (min-width: 767px) and (max-width: 991px) {
  .slideInUp1 {
    color: rgb(255, 255, 255);
    position: relative;
    top: 230px;
    left: 215px;
    font-size: 23px;
    width: 400px;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
    }
  
    @media only screen and (min-width: 767px) and (max-width: 991px) {
      .container1 {
        position: relative;
        top: 1px;
        left: 1px;
        height: 457px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #009DFF;
        }
      }
  
  
    
      
      @media only screen and (min-width: 767px) and (max-width: 991px) {
        .iframe-container{
          border-radius: 30px;
          top: 172px;
          height: 286px;
          width: 475px;
          position: relative;
          left: -186px;
          bottom: auto;
          text-align: right;
          font-size: 1.5em;
        }
      
      }
  
  /* -------------------------------------------------------------------------------------- */
  
  
  @media only screen and (min-width: 991px) and (max-width: 1199px) {
  .slideInUp1 {
    color: rgb(255, 255, 255);
    position: relative;
    top: 193px;
    left: 111px;
    font-size: 29px;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    }
  
        }
  
  
  
        @media only screen and (min-width: 991px) and (max-width: 1199px) {
          .container1 {
            position: relative;
            top: 1px;
            left: 1px;
            height: 560px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #009DFF;
            }
          }
  
          @media only screen and (min-width: 991px) and (max-width: 1199px) {
            .iframe-container{
              border-radius: 30px;

              top: 240px;
              height: 375px;
              width: 572px;
              position: relative;
              left: -370px;
              bottom: auto;
              text-align: right;
              font-size: 1.5em;
            }
          
          }
  
  
  
  /* -------------------------------------------------------------------------------------------------------------------- */
  
  
  @media only screen and (min-width: 1199px) and (max-width: 2024px) {
  .slideInUp1 {
    color: rgb(255, 255, 255);
    position: relative;
    top: 192px;
    left: 85px;
    font-size: 30px;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    }
  
        }
  
  
  
        @media only screen and (min-width: 1199px) and (max-width: 2024px) {
          .container1 {
            position: relative;
            top: 1px;
            left: 1px;
            height: 560px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #009DFF;
            }
          }
  
          @media only screen and (min-width: 1199px) and (max-width: 2024px) {
            .iframe-container{
              border-radius: 30px;
              top: 173px;
              height: 368px;
              width: 694px;
              position: relative;
              left: -473px;
              bottom: auto;
              text-align: right;
              font-size: 1.5em;
            }
          
          }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
   /* -------------------------------------------------------------- */
   @media only screen and (min-width: 390px) and (max-width: 575px) {
    .slideInUp1 {
              width: 345px;
              color: rgb(255, 255, 255);
              position: relative;
              top: 154px;
              left: 169px;
              font-size: 12px;
              -webkit-animation-name: slideInUp;
              animation-name: slideInUp;
            }
          
          } 
         


          .bth:hover {
            background-color: #0b679f; /* Cambia el color al pasar el cursor */
        }















        /* Estilos generales del menú */
.menu {
  display: flex;
}

.menu-item {
  margin-right: 20px;
  cursor: pointer;
  color: #333; /* Color de texto predeterminado */
}

/* Cambiar el color cuando el enlace está activo */
.menu-item.active,
.menu-item:hover {
  color: #009DFF; /* Cambia el color al pasar el cursor o si el enlace está activo */
}