@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

*{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 62,5%;
}

body {
  text-align: center;
}

header {
  background-image: url(../img/header.gif);
  background-size: cover;
  color: #ffffff;
  font-size: 2rem;
  padding: 4rem;
}

header:hover{
  color: #50007a
}

.menu i {
  padding: 1rem;
}
nav{
  display: none;
}


nav ul {
  padding: 0
}

nav ul li {
  list-style-type: none;
  background: #6db9b6;
  text-align: center;
}

nav ul li a {
  padding: 1rem;
  display: block;
  text-decoration: none;
  color: #fff;
}

nav ul li a:hover {
  background: #16516a;
  color: #6db9b6;
}

h2 {
  color: #16516a;
}

h3 {
  color: #16516a;
  padding-top: 1rem;
}

section {
  text-align: left;
}

.descripcion-plan ul li {
  text-decoration: none;
  font-size: 1rem;
  color: #6db9b6;
}

.descripcion-plan p {
  font-size: 1rem;
  color: #6db9b6;
}

h4 a:hover {
  color: #16516a;
}

main section{
  padding: 2rem;
}

hr{
  border-color: #b3bfc4;
}

footer{
  color: #c2c2c2;
  font-size: 0.5rem;
  padding: 1rem;
}