.header {
  width: 100%;
  padding: 5px 20px;
}
.header img {
  width: 148px;

  /* background: url(../image/logo.jpg) no-repeat; */
}
.header a {
  color: rgb(71, 62, 243);
}
header {
  padding: 30px 0;
  background: rgb(5, 0, 104);
  /* background: linear-gradient(
    162deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 47%,
    rgba(0, 71, 205, 1) 100%
  ); */
  color: #fff;
  text-align: center;
  width: 100%;
  float: left;
}
header h1 {
  font-size: 3rem;
  font-weight: normal;
}
header h2 {
  font-size: 1.3rem;
  font-weight: 400;
}
a.button {
  border: none;
  padding: 15px 20px;
  background: rgb(138, 6, 1);
  /* background: linear-gradient(
    162deg,
    rgba(77, 2, 0, 1) 0%,
    rgba(121, 17, 9, 1) 47%,
    rgba(205, 0, 20, 1) 100%
  ); */
  color: #fff;
  font-size: 1.5rem;
  border-radius: 3px;
  text-decoration: none;
}
a.button svg {
  height: 24px;
  width: 24px;
}
.blueBg {
  background: rgb(5, 0, 104);

  color: #fff;
}
section {
  padding: 80px 0;
  width: 100%;
  float: left;
}
section h3 {
  font-weight: 200;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
section h2 {
  font-weight: 700;
  font-size: 3.5rem;
  margin: 20px 0;
  letter-spacing: 0.3px;
  color: #041036;
}
section p {
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.aviasales {
  height: 180px;
}

.poweredBy {
  float: right;
  color: #666777;
  text-decoration: none;
}
.poweredBy:hover {
  transition: all 03s ease-in-out;
  text-decoration: underline;
  color: #666777;
}
.terms {
  background-color: #111;
  color: #fff;
}
.terms p {
  font-size: 0.8rem;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .aviasales {
    height: 355px;
  }

  .poweredBy {
    float: right;
    color: #666777;
    text-decoration: none;
  }
  .poweredBy:hover {
    transition: all 03s ease-in-out;
    text-decoration: underline;
    color: #666777;
  }

  header h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  section h2 {
    font-size: 2rem;
  }
  a.button {
    font-size: 1.6rem;
  }
  a.button svg {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .aviasales {
    height: 355px;
  }

  .poweredBy {
    float: right;
    color: #666777;
    text-decoration: none;
  }
  .poweredBy:hover {
    transition: all 03s ease-in-out;
    text-decoration: underline;
    color: #666777;
  }

  header h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  section h2 {
    font-size: 2rem;
  }
  a.button {
    font-size: 1.6rem;
  }
  a.button svg {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  header h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  section h2 {
    font-size: 2rem;
  }
  a.button {
    font-size: 1.6rem;
  }
  a.button svg {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .aviasales {
    height: 355px;
  }

  .poweredBy {
    float: right;
    color: #666777;
    text-decoration: none;
  }
  .poweredBy:hover {
    transition: all 03s ease-in-out;
    text-decoration: underline;
    color: #666777;
  }

  header h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  section h2 {
    font-size: 2rem;
  }
  a.button {
    font-size: 1.6rem;
  }
  a.button svg {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .aviasales {
    height: 355px;
  }

  .poweredBy {
    float: right;
    color: #666777;
    text-decoration: none;
  }
  .poweredBy:hover {
    transition: all 03s ease-in-out;
    text-decoration: underline;
    color: #666777;
  }

  header h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  section h2 {
    font-size: 2rem;
  }
  a.button {
    font-size: 1.6rem;
  }
  a.button svg {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .aviasales {
    height: 355px;
  }

  .poweredBy {
    float: right;
    color: #666777;
    text-decoration: none;
  }
  .poweredBy:hover {
    transition: all 03s ease-in-out;
    text-decoration: underline;
    color: #666777;
  }

  header h1 {
    font-size: 2rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  section h2 {
    font-size: 2rem;
  }
  a.button {
    font-size: 1.6rem;
  }
  a.button svg {
    height: 18px;
    width: 18px;
  }
}