html {
  font-family: Roboto, Arial !important;
}
#page_menu {
  height: 60px;
  font-size: 12pt !important;
}
#page_menu .brand {
  font-family: Helvetica, Arial !important;
  font-weight: 900 !important;
  font-size: 25pt;
}

.banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 330px;
  height: 330px;
}
.banner .mensaje {
  font-size: 18pt;
  color: white;
  width: 550px;
  padding: 75px;
}
.banner .mensaje .titulo {
  font-size: 20pt;
  font-weight: bold;
}

.suplente {
  height: 330px;
  padding-top: 50px !important;
}
.suplente>div {
  display: inline-block;
}
.suplente .mensaje {
  background-repeat: no-repeat;
  background-position: center;
  height: 230px;
}
.suplente .mensaje .row {
  margin-top: 50px;
  height: 160px;
}
.suplente .mensaje .row .column,
.suplente .mensaje .row .column .segment {
  width: 340px !important;
  border: 0;
  padding: 0 !important;
  background-color: rgb(255, 255, 255, 0.5)
}

.numero {
  background-position: center;
  background-attachment: fixed;
  height: 200px;
}
.numero .segment {
  background-color: rgba(0, 0, 30, .9) !important;
  margin-top: 50px !important;
  padding: 0 !important;
  padding-top: 10px !important;
  border: 0 !important;
  height: 70px;
  width: 290px !important;
}
.numero a {
  font-family: Roboto;
  color: white;
  font-size: 12pt;
  font-weight: 900;
}

#servicios {
  background-color: rgba(0, 0, 0, .05);
  padding-top: 50px;
  padding-bottom: 50px;
  height: 440px;
  font-family: Roboto;
}
#servicios .separator {
  width: 60px;
}
#servicios .list {
  width: 285px !important;
  font-size: 14pt;
  color: rgba(0, 0, 0, 0.9)
}
#servicios .list img {
  width: 20px;
  margin-right: 20px;
}
#servicios .list a {
  color: inherit;
}
#servicios .titulo {
  font-weight: bold;
  font-size: 16pt;
}

#servicios .seguimiento {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 345px 340px;
  width: 345px !important;
}

#indice .img,
#indice .img img {
  width: 780px !important;
  height: 310px !important;
}
#indice .contenido {
  padding-top: 60px !important;
  width: 300px !important;
  color: rgba(0, 0, 0, 0.9) !important;
}
#indice .contenido .titulo {
  font-size: 20pt;
  font-weight: bold;
}
#indice .contenido .list .item {
  font-size: 14pt !important;
  color: inherit;
}

footer {
  color: white;
  height: 260px;
  font-family: Roboto;
}

footer .main {
  height: 230px !important;
  padding-top: 30px !important;
}
footer a {
  color: inherit;
}

footer>.menu {
  font-size: 10pt !important;
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  height: 30px !important;
}