header h1, header h3 {
    background-color: black;
    color: whitesmoke;
    text-align: center;
    margin-bottom: 0%;
    margin-top: 0%;
}

h1 {
    font-size: 60px;
}

p {
    font-size: 22px;
}

header p {
    color: aliceblue;
    background-color: rgba(153,153,153, 0.7);
    margin-bottom: 0%;
    margin-top: 0%;
}


section {
    color: aliceblue;
    vertical-align: middle;
    /* text-align: left; */
}

section ul, section li{
    font-size: 22px;
    color: lightgreen;
}

/* FONDO VIDEO */
.contenido__video{
    background: #000000;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
   }
   
   /* Estilos para la etiqueta "video" con la calse (.video)  */
   .video{
    position: absolute;
    max-width: 300%;
    width: 100%;
   }
   
   /* media queries (personalizarlo a su antojo)*/
   @media(max-width: 900px){
    .video{
     width: 150%;
    }
   }
   @media(max-width: 650px){
    .video{
     width: 280%;
    }
   }
   @media(max-width: 480px){
    .video{ 
     width: 300%;
    }
   }

section article{
    background-color: rgba(153,153,153, 0.5);
    width : 33%;
    float: left;
    border : 2px solid black;
    margin: 15px;
    padding: 10px;
    min-height: 100px;
    max-width: 768px;
    min-width: 250px;
 }


.slider {
    width: 95%;
    margin: auto;
    overflow: hidden;
    min-width: 600px;
}

.slider ul{
    padding: 0;
    display: flex;
    width: 400%;
    animation: change 20s infinite alternate;
    animation-timing-function: case-out;
}

.slider li{
    list-style: none;
    width: 66%;
}

.slider img{
    width: 66%;
}

@keyframes change {
    0% {margin-left: 0%;}
    20% {margin-left: 0%;}

    25% {margin-left: -100%;}
    45% {margin-left: -100%;}

    50% {margin-left: -200%;}
    70% {margin-left: -200%;}

    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}