#menu-general{
  background-color:#EBE4DC;
  font-family: "Quicksand_Regular";

}

.top-line,.bot-line{
  height:3.880vw;
  width: 71.742vw;
  margin-left: 14.056vw;
  margin-top: 3.660vw;
}
.top-line{
   border-top: 2px solid #505050;
   border-right: 2px solid #505050;
   border-left: 2px solid #505050;
   margin-top: 8.909vw;
   margin-bottom: 3.660vw;
   width: 100%;
   margin-left: 0%;
}
.bot-line{
   border-right: 2px solid #505050;
   border-bottom: 2px solid #505050;
   border-left: 2px solid #505050;
   margin-bottom: 13.909vw;
   width: 100%;
   margin-left: 0%;
}
.text-message1{
   font-size: 1.6vw;
   width: 71.742vw;
   text-transform: uppercase;
   margin-left: 14.056vw;
   font-family: "Quicksand_Book";
   color:#505050;
}
.titulo-menu{
  font-size: 2.15vw;
  color: #505050;
  font-family: 'Quicksand_Bold';
}
.x {
   color:#505050;
  font-family: "Quicksand_Light";
  position: relative;
  font-size: 20px;
}

.cerrar {
   color:#505050;
  position: absolute;
  font-size: 12px;
  bottom: -8px;
  font-family: "Quicksand_Regular";
  right: -4px;
}


.titulo-secundario{
  font-family: 'Quicksand_Regular';
  color: #505050;
  font-size: 2.15vw;
  text-align: left;
  
}
table td {
margin: 0 15px;
padding: 0 15px;
}

.rectangulo{
  background-image: url('../img/rectangulo.png');
 width: 100vw;
 height: 100vh;
 background-repeat: no-repeat;

}
.menu-panel{
  position:relative;
  margin-top: 19vw;
  color:#ffffff;
}


#menu-general .opciones{
  position: absolute;
  left: 10vw;
  font-size: 1.5vw;
}
#menu-general .opciones .title-1{
  position: absolute;
  left: 3vw;
  font-size: 2.15vw;
  width: 18vw;
  font-family: 'Quicksand_Bold';
}
#menu-general .opciones .title-2
{
  position: absolute;
  left: 47vw;
  font-size: 2.15vw;
  width: 18vw;
  font-family: 'Quicksand_Bold';
}


.cerrar {
  position: absolute;
  font-size: 12px;
  bottom: -8px;
  font-family: "Quicksand_Regular";
  right: -4px;
}
a {
  color: #505050 !important;
}
#menu-general .opciones .opciones-1{
  position: absolute;
  left: 22vw;
  font-size: 2.15vw;
}
#menu-general .opciones .opciones-2
{
  position: absolute;
  left: 61vw;
  font-size: 2.15vw;
  width: 18vw;
}
#menu-general .close-menu-general{
  position:absolute;
  top: 3vw;
  right: 4vw;
  color:#ffffff;
  font-size: 4.2vw;
  /* width: 2px; */
  z-index: 9999;
}



@media (min-width: 1919px){
  .titulo-menu{
    font-size: 1.6vw;
    color: #505050;
    font-family: 'Quicksand_Bold';
  }
  .titulo-secundario{
    font-family: 'Quicksand_Regular';
    color: #505050;
    font-size: 1.6vw;
    text-align: left;
    
  }
}


@media (max-width: 993px) {
  .titulo-menu{
    font-size: 5.15vw;
    color: #505050;
    font-family: 'Quicksand_Bold';
  }
  .titulo-secundario{
    font-family: 'Quicksand_Regular';
    color: #505050;
    font-size: 5.15vw;
    text-align: left;
    
  }
  .x{
    font-family: "Quicksand_Book";
    font-size: 4vw; 
  }
}



@media (max-width: 767.98px) { 
  .menu-panel{
    position:relative;
    margin-top: 13vw;
    color:#ffffff;
    width: fit-content;
  }
  
  #menu-general .opciones{
    position: relative;
    left: 10vw;
    font-size: 1.5vw;
  }
  #menu-general .opciones .title-1{
    position: relative;
    left: 3vw;
    font-size: 7.15vw;
    width: 59vw;
  }
  #menu-general .opciones .title-2
  {
    position: relative;
    left: 3vw;
    width: 59vw;
    font-size: 7.15vw;
    top: 12vw;
  }
  
  #menu-general .opciones .opciones-1{
    position: relative;
    left: 25vw;
    font-size: 7.15vw;
    top: 2vw;
    width: fit-content;
  }
  #menu-general .opciones .opciones-2
  {
    position: relative;
    left: 25vw;
    font-size: 7.15vw;
    width: 28vw;
    top: 14vw;
  }
  #menu-general .close-menu-general{
    position:absolute;
    top: 2vw;
    right: 7vw;
    color:#ffffff;
    font-size: 10.2vw;
    /* width: 2px; */
    z-index: 9999;
  }
  
}