@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");
@import url("https://fonts.googleapis.com/css?family=Optima:400,400i,700,700i,600,600i");
body{
background-image: url(../../video/clip.mp4);
background-image: no-repeat;
background-color: #000000;
background-size:cover;

background-position:center;

background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;



font-size: 2em;
font-family: Montserrat;
color:#ffffff;


}

.centrado{

margin:0;
padding: 0;
text-align: center;
position: absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);

}


.boton{
text-align: center;
border: 10px solid darkred;
padding: 10px 10px;
color:#ffffff;
text-decoration: none;
font-size: 1em;
border-radius: 10px;
display: inline-block;
background-color: #000000;

}
@media(min-width: 390px)

.centrado{
	transform: translateX(100%) translateY(100%);
}
.video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* Propiedades del video de fondo */
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Hace que el video cubra toda el área sin deformarse */
    z-index: -1;        /* Lo envía detrás de otros elementos */
}