*{list-style: none; text-decoration: none;
  margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif;
text-align: center}
body {width: 100%; min-width: 43rem}
header {background: black}
.barra_superior {background:black;
                 width: 100%;
                 height:  5rem;
                 display: flex;
                 flex-direction: row;
                 align-items:center; /*alineacion vertical*/
                 justify-content:space-between}

.logodgpc {width: 6rem;padding-left: 3rem}
.titulo {color: white;font-family: 'Roboto Condensed', sans-serif; font-size: 2.5rem;padding-right: 3rem; font-weight: bold; height: 100%; display: flex; align-items: center}
.caja-fotos {height:100%; margin-top:5rem}
.nombres {font-size:2rem; font-weight: bold; margin-top: 1rem; margin-bottom: 3rem}
.foto {height: 20rem; align-self: center; border-radius: 25rem}

.info-grupo {padding-top: 4rem}
.info-grupo h2{font-size: 2rem}
.info-grupo h3 {font-size: 1.8rem; padding-top: 1rem; padding-bottom: 1rem}
.enlaces {height: 100%rem; display: flex; flex-direction: column; justify-content: center; align-items: center}
.carta-link {font-size: 2.5rem; color: white; height: 15rem; width:15rem;margin-top: 7rem; background: black; display: flex; align-items: center; justify-content: center; border-radius:15rem}
.mapa-link{font-size: 2.5rem; color: white; height: 15rem;width:15rem; margin-top: 5rem; background: black; display: flex; align-items: center; justify-content: center; border-radius;  border-radius: 15rem}
.applink {font-size: 2.5rem; color: white; height: 15rem; width:15rem;margin-top: 6rem; background: black; display: flex; align-items: center; justify-content: center; border-radius:15rem; margin-bottom: 4rem; background: #6667A6}

.caja-datos-dgpc {background: #AFAFB4; height: 10rem; display: flex; flex-direction: row; align-content: center; justify-content: space-around; margin-top: 3rem}
.caja-datos-dgpc p {font-size: 1rem; padding: 3rem; align-self: center}
footer {background: black; height: 5rem; display: flex; align-items: center}
footer p {color: white; margin-left: 3rem; margin-right: 3rem; font-size: 0.8rem}


.caja-carta{background: height: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem}
.brujula {font-size: 4rem; margin-top: 4rem}
.slogan {font-size: 2rem; margin-bottom: 2rem; margin-top: 1.5rem}
.subs {font-size: 1.5rem;margin-top: 2rem; margin-bottom: 1rem; font-weight: bold}
.carta {width: 50%; font-size: 1rem; margin-bottom: 1rem}

.caja-mapa {width: 100%; height: 100%}
.mapa-foto  {width: 100%}