* { margin: 0; padding: 0; }
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i|Open+Sans');
@import url('href="https://fonts.googleapis.com/css?family=Open+Sans');


body
{ background: rgb(255, 255, 255);    
   font-family: 'Open Sans', sans-serif;
   color: #fff;
   

}

.pagina{
    text-align: left;
    
}


header {
    font-size: 3rem;
    color:  #f58000;
    background-image: url(../img/header2.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}

.perfiles {
    text-align: center;
    width: 50%
 
}

.articulo {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width:17%;
    padding: 0px 0px 0px 0px;
}

.article {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 90px;
    height: 170px;
    background-color: #f34141;
}

.nombres{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
}

.nombres a {
    color: inherit;
    text-decoration:none;
}

.personas {
    float:right;
    padding-top: 25px;

}


h1 {color: #fff;
    text-shadow: 0rem 0rem 2rem #000;
    font-size:300%;
    text-align: center;

}

h2 {color: #fff;
    font-size: 3rem;  
    text-shadow: 0rem 0rem 2rem #000;
    text-align: center;
    
    }
h3{color: black;
    
}

p {
    color: black;
    
}

nav {

    padding-bottom: 5px;
    background:#f58000 ;

  
    
}
nav ul li{
    list-style-type: none;
    display: inline-flex;

}

nav ul li a {
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
    

}


img {
    margin-left: 3%;
    width: 8%;
    height: auto;
    }

.columna2{
    text-decoration-color: black;
    padding: 3rem;
    display: flex;
}

.columna2 h3{
    height: 50%;
}


.columna2 article{
    max-width: 48%;
    min-width: 10%;
    padding: 2rem;
  
}

.columna2 h4{
    width: 10rem;    
}
main section article h2{font-family: Arial; font-weight: lighter;
    
    }
    

footer {
    font-family: "Archivo+Narrow", sans-serif;
    font-size: 80%;
    text-align: center;
    color: #fff;
    padding: 2rem;
    background-color: #ff2a5b;

    
}
footer p{
    color: #fff;
}