@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Overpass+Mono:300,400,700');




*{ margin: 0; padding: 0; box-sizing: border-box;} /* Reset */


/* Estilos generales */
.contenedor{ max-width: 80rem; margin: auto;}
body{font-family: Arial;  background: #90c2dd;}
h1{color: #f00; background: #fff; font-size: 5rem; text-align: center; margin: 2rem; padding: 2rem; font-family: 'Montserrat', Arial, sans-serif; }

h2{font-family: 'Overpass Mono', monospace; font-weight: 700; font-size: 3rem;}

header{background: #888fc7;}
.destacado{ color: red;  background: white;}


/* Estilos de nav */

nav{ text-align: center;}
nav ul li{ list-style-type: none; display: inline-block;  background: #059fa5;  margin: 2rem; }
nav ul li a{ color: #000; text-decoration: none; padding: 0.5rem 1rem ; display: inline-block;}
nav ul li a:hover{ background: #fff;}
.linkactivo{background: #fff;}

.fa-home{ font-size: 2rem; color: #8362c1;}





/* Estructura */
section{ display: flex; flex-wrap: wrap; justify-content: space-between;}
article{ background: url(img/bg.jpg);    background-size: cover;   padding: 5%; }
.masleidas{ width: 70%;}
.publicidad{ 
    width: 29%; 
    background-color: #f00;
    border: 0.1rem;
    border-style: none;
}
.columna-2 {
    background-color: #f00;
    font-size: 0.9rem;
    width: 29%; 
}