@font-face {
  font-family: GraphikRegular;
  src: url(../font/Graphik-400-Regular.otf);
}
@font-face {
  font-family: GraphikBold;
  src: url(../font/Graphik-700-Bold.otf);
}
#top_contacto_section {
  font-family: "GraphikBold";
  position: relative;
}
#top_contacto_section .banner-contacto {
  width: 100%;
  object-fit: cover;
}
#top_contacto_section h2 {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}
#contacto_section .info {
  display: flex;
}
#contacto_section .info i {
  color: #212c68;
}
#contacto_section .info .icon {
  display: inline-block;
  padding: 0 10px;
}
#contacto_section .info .text {
  display: inline-block;
  font-family: "Roboto";
}
#contacto_section .info .text a,
#contacto_section .info .text p {
  color: #343538;
}
#form-contacto_section {
  font-family: "Roboto";
}
#form-contacto_section .row {
  background-color: #f2f3f5;
}
#form-contacto_section .row iframe {
  width: 100%;
  height: 100%;
}
#form-contacto_section .row .input-contacto {
  border-radius: 0px;
}
#form-contacto_section .row .btn-enviar {
  border-radius: 0px;
  background-color: #212c68;
  border: 0;
}
#form-contacto_section .row .empty {
  border: 1px solid #ce202f;
}
#directorio_section .container-fluid {
  font-family: "Roboto";
}
#directorio_section .container-fluid h2 {
  color: #636363;
  font-family: "GraphikBold";
}
#directorio_section .container-fluid .directorio-div h5 {
  padding: 5px 0;
}
#directorio_section .container-fluid .directorio-div .line {
  border: 2px solid #ececec;
  width: 20%;
}
#directorio_section .container-fluid .directorio-div .dir-container {
  display: flex;
}
#directorio_section .container-fluid .directorio-div .dir-container .icon-dir {
  display: inline-block;
  padding: 0 10px;
  color: #8a8a8a;
}
#directorio_section .container-fluid .directorio-div .dir-container .text-dir {
  display: inline-block;
}
#directorio_section .container-fluid .directorio-div .dir-container a,
#directorio_section .container-fluid .directorio-div .dir-container p {
  color: #343538;
  font-size: 13px;
}
@media (max-width: 1200px) {
  #directorio_section .text-dir a,
  #directorio_section .text-dir p {
    font-size: 11px!important;
  }
}
@media (max-width: 576px) {
  #top_section h2 {
    font-size: 25px!important;
  }
  #contacto_section {
    font-size: 12px!important;
  }
  #directorio_section .text-dir a,
  #directorio_section .text-dir p {
    font-size: 12px!important;
  }
}