html {width: 100%; margin: 0 auto}

body{background: #eaeff2;}

header{ background: #538d9b; height: 380px;height: 12rem;
    width: 100%;}

h1{color:#eaeff2; font-family:arial; font-weight: bold; font-size: 50px; background-color:#538d9b; margin-top:0;}

nav ul li a {
            font-family: arial;
            font-weight: bold;
            margin: 0rem;
            color: #eaeff2;
            background-color:#538d9b;
            text-decoration: none;
            clear: both;
            font-size: 20px;
            padding: 2px;
            text-align: center;
            }


nav ul{ list-style-type: none; text-decoration: none;}

ul{ list-style-type: none; text-decoration: none;}

h1{text-align: center;}

p{color: #0f0f0f; font-family: arial;}

h2{color: #538d9b; font-family: arial; text-align: center}

h3{text-align: center; font-family: arial; color: #538d9b } 


li{text-align: center; font-family: arial; color:#538d9b; text-decoration: none; list-style-type: none;}


p{text-align: center; font-family: arial;}

p2 {color: #eaeff2;}

#foto 
    {width: 21%;
    margin-bottom: 2%;
    margin-left: 40%; } 
    
#parrafo {    
        margin-left: 13rem;
        margin-right: 15rem;
        font-family: arial;
        font-size: 0.8rem;
        color:#0f0f0f;
        line-height: 18px;
        }


div {background: #538d9b; margin: 570;}

footer {background: #0B2F3A;height:100px ; color: #eaeff2; text-align: center; margin-bottom: 0; padding-top:7px ; padding-bottom: 0px; width: 100%}
    

footer p {color: #eaeff2; font-family: arial; line-height: 21px; font-size: 11px;}