*{
    margin: 0;
    padding : 0;
	list-style-type: none; 
}



/*Menu*/

header nav ul li{
    list-style-type: none;  
}



nav {
	object-position: center; 
	display: flex; 
	justify-content: center; 
	text-align: center;
	margin-left: 1.5rem; 
	width: 100%; 

}


nav li {
	padding-right: 3rem; 
	display: inline-flex; 
	margin-bottom: 2rem; 
	box-sizing: border-box
	text-align: center;
}


li a:hover {
  background-color: #a4a4a4;
  color: white;
}




/*Body*/





body { 
	background: #bf8282; 
	font-family: 'Roboto', helvetica; 
	margin: 5rem;
	object-position: center;
	align-content:center;
}

section{
	align-content: center;
	text-align: center;
	
}

article { 
	margin: 2rem;
	align-content:center;
	display:block;
}

h1 { 
	color : #030303; 
	font-size : 2rem; 
	font-family : 'Roboto 500', helvetica;
	margin: 2rem 0rem 2rem 0rem;
	text-align: center;
}

h2 { 
	color : #7dbeaf; 
	font-size : 3rem; 
	font-family : 'Roboto 400', helvetica;
	margin: 2rem 0rem 2rem 0rem;
}


h3 { 
	color : #7dbeaf; 
	font-size : 1rem; 
	font-family: 'Roboto', helvetica; 
	margin: 2rem 0rem 0rem 0rem;
}


h4 { 
	color : #000000; 
	font-size : 1rem; 
	font-family: 'Roboto', helvetica;
	margin: 2rem 0rem 2rem 0rem;
}


a{
	text-decoration:none;
	color: black;
	
}


.foto img {
    display: block;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}


footer p {
	font-size: 0.7rem; 
	color: #ffffff; 
	align-content: center;
	text-align: center;
	margin: auto;
	margin-top: 4rem;
	
}



@media screen and (min-width: 60rem) {
	
	

.contenedor {
	display: inline-flex;
	margin:auto;
	min-width: 100%;
}

.col  {
	margin:auto;
	margin-top: 0;
	min-width: 25%;
	display: inline;
	
	
}





}