@import url("fonts-and-colors.css");

html,
body {
  font-family: Bosch Sans Light;
  font-size: 18px;
}

a {
  color: var(--bosch-dark-blue);
  font-family: Bosch Sans Light;
}

a:hover {
  color: var(--bosch-pro-blue);;
  text-decoration: none;
  transition: .5s;
}

.rb-background-gradient {
  background:var(--bosch-pro-blue);
  background-color: var(--bosch-pro-blue);
  background: -moz-linear-gradient(90deg,var(--bosch-pro-blue) 20%, 70%,var(--bosch-dark-blue) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, var(--bosch-pro-blue)), color-stop(100%,var(--bosch-dark-blue)));
  background: -webkit-linear-gradient(90deg, var(--bosch-pro-blue) 20%, 70%,var(--bosch-dark-blue) 100%);
  background: -o-linear-gradient(90deg, var(--bosch-pro-blue) 20%, 70%,var(--bosch-dark-blue) 100%);
  background: -ms-linear-gradient(90deg, var(--bosch-pro-blue) 20%, 70%,var(--bosch-dark-blue) 100%);
  background: linear-gradient(90deg, var(--bosch-pro-blue) 20%, 70%,var(--bosch-dark-blue) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end',GradientType=1 );
}

.rb-map-title {
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--bosch-dark-blue);
  font-family: Bosch Sans Regular;
  line-height: 1.1em;

}

.rb-map-subtitle {
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--bosch-dark-blue);
  font-family: Bosch Sans Light;
  line-height: 1.1em;
}

.rb-map-paragraph {
  color: white;
}

.rb-supergraphic {
  max-height: 15px;
  min-height: 15px;
  width: 100%;
  background-image: url(../img/supergraphic.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
}

@media only screen and (max-width: 768px) {
  .rb-supergraphic {
      max-height: 15px;
      min-height: 15px;
      width: 100%;
      background-image: url(../img/supergraphic_mobile.png) !important;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      display: block;
  }

  .rb-map-title {
      margin-bottom: 10px;
      margin-top: 10px;
      color: white;
      font-family: Bosch Sans Black;
      font-size: 15px;
      line-height: 1.1em;
      text-transform: uppercase;
  }

  .rb-map-paragraph {
      font-size: 14px;
  }

}