*{box-sizing: border-box; margin: 0; padding: 0}

article {font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-size: 1rem; text-align: center; }

h1{font-family:  Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; color: #5c8e93; text-decoration: none; font-size: 2.5rem; background: #ffc6b1; text-align: center}
h2{color: #ffc6b1; border:#000000; text-shadow: 0.3rem 0.2rem 0.3rem black, 0 0 1.3rem black, 0 0 0.2rem black; padding: 2rem 0rem 1rem 0rem}
h3{color: #5c8e93;padding: 1.5rem 0rem 0.3rem 0rem; text-align: left; font-size: 1rem}
h4{color: #5c8e93;padding: 3rem 0rem 0.3rem 0rem; text-align: left}

header nav ul li a:hover{color: #5c8e93}

nav {background: #ffc6b1; display: flex; justify-content: center}
nav ul {display: flex}
nav ul li {list-style-type: none}
nav ul li a {display : flex; font-size: 1.3rem; line-height : 3rem; text-decoration: none; color : white; font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; margin-right: 2rem}

nav2 {display: flex; justify-content: center; margin: 3rem 0rem 1.5rem 0rem}
nav2 ul {display: flex;}
nav2 ul li {list-style-type: none}
nav2 ul li a {background: #5c8e93;font-size : 1.3rem; text-align : center; text-decoration : none; color : black;font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; border-radius: 1rem; padding: 0.5rem; margin: 2rem}
nav2 ul li a:hover {color: white}

footer {background: #5c8e93; color: #FFFFFF; font-size: 1rem; padding: 1rem; line-height: 1.2rem; text-align: center}

.h1 {font-family:  Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; color: #5c8e93; text-decoration: none; font-size: 3rem} 
.h1:hover {color: white}

.mapa {align-items: center; display: flex; justify-content: center; padding: 7rem 0rem 0rem 0rem}

.plan {text-align: left;padding: 7rem 0rem 0rem 0rem;}

.integrantes {width: 100%; height: auto; display: flex; padding: 3rem 0rem 3rem 0rem; justify-content: space-around; text-align: center; flex-direction: column; flex-wrap: wrap; align-items: baseline; align-content: space-between; background: #2A2828}
.integrantes article {width: 100%;height: auto;}
.integrantes img {width: 50%; border-radius: 50%; display: block; margin: 5% auto}
.integrantes a {background: #5c8e93;font-size : 1.3rem; text-align : center; text-decoration : none; color : black;font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; border-radius: 1rem; padding: 0.5rem}
.integrantes a:hover {color: white}

.lista {margin: 0rem 0rem -1rem 0rem; padding: 0rem 0rem 0rem 0rem; list-style-type: none; text-align: left; font-size: 1rem; font-weight: 600}

.p1 {padding: 0.2rem}

.datos1 {font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-size: 1rem; text-align: center; background: #2A2828; color: #FFFFFF; padding-bottom: 5rem}

.espaciado {margin-bottom: 5rem}

.imgredonda {border-radius: 100rem; height: 15rem; width: 15rem; margin-bottom: 3rem}

/*Responsive*/

.contenedor {max-width:100%; margin: auto;}


@media all and (min-width: 48rem) {
	 
    .integrantes {display: flex; flex-direction: row; justify-content: space-around; text-align: center; background: #6B6565}
    .integrantes article {width: 50%}
	.integrantes img {width: 70%}
	.datos1 {background: #6B6565}
}

@media all and (min-width: 72rem) {
    .integrantes {justify-content: space-around; background: #FFFFFF}
    .integrantes article {width: 25%}
	section, header ,footer { max-width: 80rem; margin: auto}
	.datos1 {background: #FFFFFF; color: #000000; padding: 0rem; margin-bottom: 5rem}
	
}