header {text-align: center; background-image: url(header%20fondo.jpg);}
header div img { border-radius: 42rem}


body { background: #fff3e6; font-family: Arial; }
h1{ font-size: 3rem; color:#0a5953}
h2{ color: #0a5953; font-size: 2rem;}
section article h2 {text-align: center; padding-top: 2rem;}
section article h3 {padding-top: 1rem;}
section article ul li p {display: block; }


a{ color: #1cb183; text-decoration: none;}

p{ color:#83b1a6;}

h3{ font-size: 1.4rem; color: #1cb183;}

h4{ color: #1cb183;display: flex; }

nav ul {display:  flex; padding: 0; justify-content: center;}

nav ul li { list-style-type: none; background: #e1e9de; margin: 0rem 2rem 0rem 2rem; border-radius: 0.4rem;}

nav ul li a{ padding: 1rem; display: block; cursor: pointer;}
nav ul li a:hover{background-color: #1cb183; color: #e1e9de;border-radius: 0.4rem;}

footer p {padding-top: 6rem; color: #0a5953; text-align: center;}

@media screen and (max-width: 400px){
    
    h1{font-size: 5rem;}
    nav ul{
			flex-direction: column;
		justify-content: center;
	align-items: center;
	}
	nav ul li{
		width: 100%;
		margin-top: 1rem;
		
	article{
		width: 50%;
	}
	section{
		flex-direction: column;
		justify-content: center;
	align-items: center;
	}