body {
  font-family: "Raleway", sans-serif;
  font-size: 2vh; }

.container {
  padding: 5vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }

.container:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  background-image: url("../bcg.png");
  background-repeat: no-repeat;
  background-position: 50% 0; }

.header__logo {
  width: 30vh;
  margin-bottom: 5vh; }

.header__descr {
  margin-bottom: 5vh;
  font-size: 3vh; }
  @media only screen and (min-width: 480px) {
    .header__descr {
      margin-bottom: 15vh; } }

.services {
  display: flex;
  margin-bottom: 10vh;
  flex-direction: column; }
  @media only screen and (min-width: 480px) {
    .services {
      justify-content: space-around;
      flex-direction: row;
      width: 70vh;
      margin-bottom: 20vh; } }

.services__item {
  width: 20vh;
  font-size: 2vh;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 480px) {
    .services__item {
      margin-bottom: 5vh; } }
  .services__item i {
    margin-bottom: 1vh; }

.contact {
  margin-bottom: 5vh; }