[data-brand="edreams"] {
  --color2: #fc0;
}

[data-brand="opodo"] {
  --color2: #f60;
}

[data-brand="govoyages"] {
  --color2: #2d7d00;
}

:root {
  --color: #4c4c4c;
}

body {
  font-family: "Rubik" !important;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color);
  background-color: #f4f3ef;
}

.odf-box-primary {
  border-top: 4px solid var(--color2);
}

.odf-box {
  background: #fff;
  border-radius: 4px;
  box-shadow: rgb(0 0 0 / 20%) 0 1px 1px 0;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px;
}

#hero {
  background: var(--color)
    url(https://a1.odistatic.net/content/img/OF/WebMasterPages/ssc/img/flight.jpg)
    no-repeat 50% 62%;
  padding: 20px 0;
  background-size: cover;
  border-bottom: 5px solid var(--color2);
  height: 333px;
}

#hero h1 {
  font-size: 30px;
  margin: 2em 0 2.5em 0;
}

img {
  border: 1px solid #cccccc !important;
  padding: 5px;
}

h3 {
  font-size: 1.26em !important;
}

.odf-box-primary {
  min-width: 260px;
  max-width: 267px;
}

.odf-box-primary:first-child {
  margin-left: 0px;
}

.odf-box-primary:last-child {
  margin-right: 0px;
}

@media (max-width: 992px) {
  .odf-box-primary {
    max-width: 600px;
  }
}