* {
  margin: 0;
  padding: 0;
}

header {
  width: 100%;
  padding: 1% 0;
  overflow: hidden;
}
header section {
  float: left;
  overflow: hidden;
}
header #logo-container {
  width: 20%;
}
header #logo-container figure {
  width: 40%;
  margin: auto;
}
header #logo-container figure img {
  width: 100%;
}
header #title-container {
  width: 60%;
  text-align: center;
}
header #universidades-container {
  width: 20%;
}
header #universidades-container ul {
  list-style: none;
}
header #universidades-container ul li {
  display: block;
  margin-bottom: 1%;
}
header #universidades-container ul li .link-cnt {
  width: 70%;
  float: left;
}
header #universidades-container ul li .link-cnt a {
  text-decoration: none;
  float: right;
  padding-top: 8px;
}
header #universidades-container ul li .img-cnt {
  width: 30%;
  float: left;
  padding: 5px;
}
header #universidades-container ul li .img-cnt figure {
  width: 20px;
  height: 20px;
}
header #universidades-container ul li .img-cnt figure img {
  width: 100%;
  height: 100%;
}

.centrar {
  text-align: center;
}

.card {
  width: 100%;
  overflow: hidden;
  box-shadow: 0 5px 10px -5px #000;
}
.card article {
  width: 90%;
  margin: auto;
  padding: 12px;
  background-color: #ccc;
}
.card .btn-container {
  text-align: center;
  overflow: hidden;
  margin: 3% 0;
}

.graficos-container {
  width: 100%;
  overflow: hidden;
}
.graficos-container #map {
  width: 100%;
  height: 35em;
}
.graficos-container #select-cnt {
  text-align: center;
}
.graficos-container #select-cnt section {
  width: 30%;
  margin: auto;
  margin: 2% 0;
}
.graficos-container #grafica-cnt {
  text-align: center;
}

footer {
  width: 100%;
  padding: 2rem;
  margin-top: 3%;
  background-color: #1a1a1a;
  color: #7bab3f;
  text-align: center;
}

/*# sourceMappingURL=styles.css.map */