* { margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;}
body {background: ;}
/*---------------------- Header ----------------------*/
header, main, footer{display: block;
        width: 90%;
        max-width: 100%;
        margin: auto;}
header nav          {overflow: hidden;}
header nav ul li    {  
                    height: 200px;
                    width: 139px;
                    display: block;
                    text-align: center;}
header nav ul li a:hover {background: rgba(255,255,255,0.3);}
header nav ul li a  {display: block;
                    padding-top: 100px;
                    padding-bottom: 20px;
                    text-align: center;
                    background: rgba(255,255,255,0.1);
                    color:white;
                    text-decoration: none;}
.left               {float: left}
.right              {float: right}
header div          {width: 1024px; position: absolute;}
header, main, footer{max-width: 1024px;
                    margin: auto;}
header nav          {overflow: hidden;}
header nav ul       {display: flex;
                    list-style: none;}
header nav ul li    {height: auto;
                    width: 139px;
                    /*display: block;*/
                    text-align: center;}
header nav ul li a img{padding-bottom: 20px}
header nav ul li a  {display: block;
                    padding-top: 20px;
                    padding-bottom: 10px;
                    text-align: center;
                    background: rgba(255,255,255,0.1);
                    color:white;
                    text-decoration: none;}
header nav ul li a:hover {background: rgba(255,255,255,0.3);
                    color: white;}
header div          {width: 1024px; position: absolute;}
.wdc                {display: inline;
                    height: 199px;
                    width: auto;
                    filter: drop-shadow(2px 2px 4px black)} 
.wdc:hover          {filter: brightness(1.25);}
.dc                 {width: auto; display:inline;}
/*---------------------- /Header ----------------------*/
/*---------------------- Main ----------------------*/
/*---------------------- Slider ----------------------*/
.img-responsive {filter:blur(4px) opacity(0.5);
                }
/*---------------------- /slider ----------------------*/
/*---------------------- /main ----------------------*/
/*---------------------- Fondo video ----------------------*/
.gbg {Position: fixed;
        Min-width: 100%;
        Min-height: 100%;
        Top: 50%;
        Left: 50%;
        Transform: translateX(-50%) translateY(-50%); 
    background: linear-gradient(to bottom, rgba(0,0,30,1), rgba(0,0,0,0));
    z-index: -1;}
video { 
   min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  position: fixed;    
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); 
   z-index: -100;
   background-size: 100%;
}
h1 { font-size: 150%; color: white; text-align: left; width: 8.5em; height: auto; 
    }
h2 { font-size: 100%; color: white;width: 8.5em; height: auto;
    }
h3 { font-size: 80%;color: white 
    }
h4 { font-size: 60%;color: white
    }
ul {list-style: none;}

#estudio {font-size: 90%; color: white; width: 20em; height: auto }
#empleo {font-size: 90%; color: white; clear: left; width: 60em; height: auto}
.Enlace {font-size: 133%; color: white; font-style: italic; text-decoration: underline;width: 30em; height: auto;font-weight: 300; line-height: 120%}
.e2 {font-size: 80%; color: white; font-style: italic; text-decoration: underline; height: auto;font-weight: 300; line-height: 120%}
#imagen {float: right;width:auto; height: auto;}
#datos {width: 10em; height: auto}
#cortos {font-size: 90%; color: white;width: 15em; height: auto}
#productora {color: white; font-style: bold; text-decoration: underline;font-size: 90%; color: white; clear: left; width: 25em; height: auto}

footer {margin: 30px;;display: flex; flex flex-direction: row; justify-content: space-between;font-size: 8px;}

.footer { display: flex; flex-direction: row; justify-content: flex-start; font-size: 10px; color: white; opacity: 0.3;}