.ContainerVideo{
    top: 0; /* Alinea el video al borde superior */
    left: 0; /* Alinea el video al borde izquierdo */
    width: 100vw; /* Ancho completo de la ventana */
    height: 100vh; /* Alto completo de la ventana */
    overflow: hidden; /* Oculta el contenido que desborda */
    z-index: -1; /* Envía el video al fondo para que el contenido esté encima */
  }
  video{
    width:100%;
    height:100%;
     object-fit: cover;
  }
 
  .overlay{
    width:100vw;
    height:100vh;
    position:absolute;
    top:0px;
    background:rgba(21, 40, 19, 0.5);
    display:flex;
    justify-contente:end;
    align-items:end
  }
  .Suboverlay {
    width:100%;
    height: 55.5%;
    display: grid;
    grid-template-columns:  1fr 1fr;
  }
	  .SubOverlay_Flex{
    width: 100%;
    display:flex;
    align-items:center;
  }
  .SubOverlay_Flex img{
    width: 45%;
    padding: 0rem 0rem 0rem 9rem
  }
  .SubOverlay_button{
    width: 72%;
		display:flex;
    padding:5rem 0rem 0rem 0rem;
    align-items: center;
    justify-content:end;
  }
  .SubOverlay_button .button{
    width: 28%;
    padding: 0.4rem;
    background: transparent;
    font-size: 16px;
    color: #fff;
    /*Arriba, derecha, abajo, izquierda*/
    margin: 0.4rem 0rem 0rem 0rem;
    border: 1px solid #fff;
  font-family: "Montserrat", sans-serif;
    text-align:center
  }
    .SubOverlay_button .button:hover{
 			background: #fff;
      color: #000;
      transition: 0.5s;
      cursor: pointer
  }

  @media (max-width: 764px){
    .overlay{
    	height:95vh
    }
    .ContainerVideo{
      height:95vh
    }
    .Suboverlay{
      top:0;
      margin:0;
      width: 100%;
      margin: 0rem 0rem 3rem 0rem
    }
	
    .SubOverlay_Flex{
    display: flex;
    justify-content: end;
    align-items:end;
    margin-left: 0rem;
    }
    	.SubOverlay_Flex img{
    position:relative;
    width: 70%;
    right: 1rem;
    padding: 0rem 0rem 0rem 0rem;
  }
    .SubOverlay_button{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items:end;
  }
  .SubOverlay_button .button{
    position:relative;
    width: 40%;
    padding: 0rem;
    background: transparent;
    font-size: 8px;
    color: #fff;
    display:flex;
    justify-content:center;
    align-items:center;
    /*Arriba, derecha, abajo, izquierda*/
    margin: 0.1rem 2.5rem 0rem 0rem;
    border: 1px solid #fff;
  font-family: "Montserrat", sans-serif;
  }
}
  
  @media (min-width:765px) and (max-width:1023px){
    
      .SubOverlay_button .button{
    width: 30%;
    padding: 0.2rem;
    background: transparent;
    font-size: 12px;
    color: #fff;
    /*Arriba, derecha, abajo, izquierda*/
    margin: 0.4rem 0rem 0rem 0rem;
    border: 1px solid #fff;
  font-family: "Montserrat", sans-serif;
    text-align:center;
  }
    .SubOverlay_Flex{
      justify-content: center;
    align-items:center;
    }
    .SubOverlay_Flex img{
      width:50%;
      margin:0;
      padding:0;
    }
    .SubOverlay_button{
      padding:3.2rem 0rem 0rem 0rem
    }
  }