body {
    font-family: Arial;
    margin: 0;
}

.portada {
    position: relative;
    display: inline-block;
}

.titulo {
    position: absolute;
    top: 20%;
    left: 20%;
}


h1 {
    text-align: center;
    font-family: Impact;
    font-size: 120px;
    color: black;
}


h2 {
    font-family: 'Trebuchet MS';
    text-align: center;
    font-size: 30px;
    color: black;
}

h3 {
    text-align: left;
    font-family: Impact;
    font-size: 20px;
    color: black;
}

h4 {
    text-align: center;
    font-family: monospace;
    font-size: 20px;
    color: black;
}

h5 {
    text-align: center;
    font-family: sans-serif;
    font-size: 50px;
    color: darkblue;
    margin: 0;
}

h6 {
    font-family: Arial;
    font-size: 20px;
    text-align: justify;
}

p {
    text-align: justify;
    font-family: Tahoma;
    font-size: 25px;
}

header {
    background-color: gainsboro;
    padding: 10px;
    text-align: left;
    font-size: 15px;
    color: black; 
    font-family: Impact;
}

div.cajatitulo {
    width: 95%;
    max-height: 10px;
    float: left;
    padding-top: 1%;
}

div.cajalogoequip {
    width: 70px;
    max-height: 70px;
    float: left;
}

.container-cover {
    text-align: center;
    font-family:'Impact';
    color: black;
    background-image: url(../images/encabezado1.jpeg);
    width: 100%;
    font-size: 30px;
    height: 80%;
    padding: 0.08%;
}



/*Contenedor para cajas flexibles*/

section {
    display: -webkit-flex; 
    display: flex;
}

/*Estilo para el menú de navegación*/

nav {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: .5;
   background: lavender;
   padding: 40px;
}
/*Estilo para la lista dentro del menú*/

nav ul {
   list-style-type: none;
   padding: 30px;
   text-decoration-line: none;
}

/*Estilo para elementos de la lista dentro del menú*/

li.opcion {
   padding-bottom: 50px;
   font-family:'Times New Roman';
   font-size: 30px;
   text-align: center;
}

/*Estilo para el contenido*/
article{
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    background-color: white;
    padding: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

img.barra {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 5000px;
}

footer {
    background-color: gainsboro;
    padding: 10px;
    text-align: center;
    color: white;
}

.ol{
    font-family: Arial;
    font-size: 30px;
    text-align: justify;
} 

ol li {
    font-family: Arial;
    font-size: 25px;
    text-align: justify;
}

img.universidades {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 700px;
    
}

.ul {
    font-family: Arial;
    font-size: 30px;
    text-align: justify;
}

ul li {
    font-family: Arial;
    font-size: 25px;
    text-align: justify;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    max-height: 700px;
}

.th {
    font-family: Geneva;
    text-align: center;
}

.th {
    text-align: justify;
    font-family: Tahoma;
    font-size: 25px;
}

table {
    text-align: center;
}

div.tablasuni {
    display: flex;
    justify-content: center;
}

div.escudosuni {
    display: flex;
    justify-content: center;

}

div.redireccion {
    display: flex;
    justify-content: center;
}

div.exambecas {
    display: flex;
    justify-content: center;
}

 /*Estilo para los enlaces no visitados*/
 a:link {
    color: orange;
    text-decoration-line: none;
}

/*Estilo para los enlaces visitados*/
a:link {
    color: purple;
    text-decoration-line: none;
}

/*Estilo para los enlaces al pasar el cursor encima*/
a:hover {
    color: red;
    text-decoration-line: none;
}

/*Estilo para los enlaces al ser activados*/
a:active {
    color: black;
    text-decoration-line: underline;
}

  /* Diseño responsivo: cuando la pantalla tiene menos de 700 px de ancho, hacer que las dos columnas se apilen una encima de la otra en lugar de una al lado de la otra */
  @media screen and (max-width: 700px) {
    section {   
      flex-direction: column;
    }
  }

@media screen and (max-width: 100em) {
    h1 {
        font-size: 5em;
      }
    }

@media screen and (max-width: 80em) {
    h1 {
        font-size: 4em;
      }
    }

@media screen and (max-width: 64em) {
h1 {
    font-size: 3em;
  }
}

@media screen and (max-width: 50em) {
h1 {
    font-size: 2em;
  }
}

@media screen and (max-width: 30em){
h1 {
    font-size: 1.5em;
  }
}