@charset="utf-8";
/*primero mobile*/
@import (font-family: 'Muli', sans-serif;)
body
{background-color: #19647e}

body 
    {
        width:80%;
        margin: 0 10em 10em 10em;  
    } 
    

#img1 {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 25%;
        } 
  
nav ul li a  {
            margin: 0.5%;
            font-size: 1.8 rem; 
            color: ghostwhite;
            font-family: sans-serif;
            display: block; 
            background-color: #19647e;
            text-decoration: none;
            text-align: center;
            } 

h1 
    { display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 -0.7em -0.2em;
    font-family: 'Muli', sans-serif;
    color:#19647e;
    font-weight: 400;    
    padding: 0; 
    }   

h2
    {
    display: flex;
    justify-content: center;
    font-family: 'Muli', sans-serif;
    font-size:18px;
    margin: 0}
p {
display: flex;
justify-content: center;
font-family: 'Muli', sans-serif;
color: #8b8b8b;
font-weight: 300;
}

Li { display: flex
    justify-content: center;
    font-family: 'Muli', sans-serif;
    color: white;
    font-weight: 300;
    margin: 0
  
    }
footer  { font-family: 'Muli', sans-serif;
    color: lightgray;
    font-weight: 10;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}