@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,300,300italic,400italic,600,600italic,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Lora:400,700);

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}



@media all and (max-width: 800px) {
    h2 {font-size: 35px

}
}

@media all and (max-width: 700px) {
    h2 {font-size: 30px

}
}
@media all and (max-width: 600px) {
    h2 {font-size: 25px

}
}

@media all and (max-width: 500px) {
    h2 {font-size: 20px

}
}

@media all and (max-width: 400px) {
    h2 {font-size: 15px

}
}

@media all and (max-width: 200px) {
    h2 {font-size: 10px

}
}

body  {margin:3em;
    padding:1em;
    font-family: 'Roboto Slab', serif;
    border: 1px solid #ffffff;
   background-image: url(img/tech.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

h1 {font-size: 70px;
    text-align: center;
}

h2{text-align: center;
}

h4 {font-size: 30px;
}

h5{text-align: center;
}

.padre {background-image: url(img/ventana.jpg);
    display: flex;
   display: flex;
   flex-direction: row;
   align-items: center;
}

.hijo {background-color: none;
    padding: 10px;
    margin:auto;
    font-size: 35px;
    color: #e5e5e5;
    text-decoration:none;
    width: 600px;
    height: 182px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
    
}

.padre1 {
    display: flex;
   display: flex;
   flex-direction: row;
   align-items:baseline;
}

.hijo1 {background-color: none;
    image-resolution: from-image;
    padding: 10px;
    margin:auto;
    font-size: 18pt;
    color: #000000;
    text-decoration:none;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
    
}

img {
    max-width: 100%;
    height: auto;
    width: auto/9;
}

.presenta{
    text-align: justify;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.57);
}

footer{ 
    width:100%; height:30px; background:#FFF;
}

footer p{ 
    text-align:center;
}

.creditos{
    background: white;
    color:black;
    text-align: center;
    padding-bottom: 55px;
    padding-top: 10px;
}

figure{
min-width: 3em;
}

a { text-decoration:none;
    color: #fff;
}