@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_section {
  font-family: "GraphikBold";
  position: relative;
}
#top_section img {
  height: 25vh;
  width: 100%;
  object-fit: cover;
}
#top_section h2 {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}
#soluciones .container-fluid .row .col-soluciones h3 {
  transform: translateY(20px);
  padding: 15px;
  color: #464646;
  font-family: "GraphikBold";
}
#soluciones .container-fluid .row .col-soluciones img {
  max-width: 50%;
  transform: translateX(50%);
}
#soluciones .container-fluid .row .col-soluciones:hover {
  background-color: #f39500;
}
#soluciones .container-fluid .row .col-soluciones:hover a {
  text-decoration: none;
}
#soluciones .container-fluid .row .col-soluciones:hover h3 {
  color: white;
}
#visitanos_section {
  background: #2c2c2c;
  background: linear-gradient(0deg, #2c2c2c 0%, #2c2c2c 50%, #ffffff 50%, #ffffff 100%);
}
@media (max-width: 576px) {
  #top_section h2 {
    font-size: 25px!important;
  }
}