* {
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
}

a {
  color: #000;
  text-decoration: none;
}

.container--main { max-width: 1030px }

.logo {
  background-image: url(images/logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 11vw;
}

.icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 12vmin;
  margin: 0 10px;
  max-height: 160px;
  max-width: 160px;
  width: 12vmin;
}

@media (max-width: 750px) {
  .icon {
    height: auto;
    margin-bottom: 10px;
    width: 29%;
  }

  .icon:after {
    content: '';
    display: block;
    padding-bottom: 100%;
  }
}

.icon--key { background-image: url(images/icon-key.png) }
.icon--papers { background-image: url(images/icon-papers.png) }
.icon--car { background-image: url(images/icon-car.png) }
.icon--transportation { background-image: url(images/icon-transportation.png) }
.icon--right { background-image: url(images/icon-right.png) }
.icon--service { background-image: url(images/icon-service.png) }