* {
  box-sizing: border-box;
}
html {
  font-size: 1em;
  font-family: 'Alike';
  background-color: #262626;
  color: #d9d9d9;
}
body {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Roboto';
  line-height: 1.313em;
}
h1 {
  font-size: 3em;
  margin: 0.563em 0;
}
h2 {
  font-size: 2.25em;
  margin: 0.625em 0;
}
h3 {
  font-size: 1.5em;
  margin: 1.313em 0;
}
h4 {
  font-size: 1.313em;
  margin: 1.313em 0;
}
h5 {
  font-size: 1.125em;
  margin: 1.313em 0;
}
h6 {
  font-size: 1em;
  margin: 0.75em 0;
}
.smallscreen {
  display: none;
}
.content {
  font-size: 1.875rem;
  color: #262626;
  background-size: 49% auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.separator {
  font-size: 1rem;
  padding: 0em 0;
  text-align: center;
}
.right {
  padding: 1.618em 6.472em 3.236em 50%;
  background-position: 0 50%;
}
.left {
  padding: 1.618em 50% 3.236em 6.472em;
  background-position: 100% 50%;
}
.illustration_01 {
  background-color: #7FC7FF;
  background-image: url("http://new.peoplenet.ua/file/zakaz%20tarifov/img_fone_1_2.png");
}
.illustration_02 {
  background-color: #6495ED;
  background-image: url("http://new.peoplenet.ua/file/tarif/new/tarify/banner_tarify/super_bezlim.png");
}
.illustration_03 {
  background-color: #BDAE6B;
  background-image: url("http://new.peoplenet.ua/file/zakaz%20tarifov/img_fone_3.png");
}
.illustration_04 {
  background-color: #7FC7FF;
  background-image: url("http://new.peoplenet.ua/file/zakaz tarifov/img_fone_176_new.png");
}
@media (max-width: 106.25rem) {
  .wrapper,
  .separator {
    font-size: 1.2rem;
  }
}
@media (max-width: 93.75rem) {
  .content,
  .separator {
    font-size: 1.2rem;
  }
  .right {
    padding: 1.618em 4.854em 1.618em 50%;
  }
  .left {
    padding: 1.618em 50% 1.618em 4.854em;
  }
}
@media (max-width: 81.25rem) {
  .content,
  .separator {
    font-size: 1.2rem;
  }
  .right {
    padding: 1.618em 3.236em 1.618em 45%;
    background-size: 44% auto;
    background-position: 0 55%;
  }
  .left {
    padding: 1.618em 45% 1.618em 3.236em;
    background-size: 44% auto;
    background-position: 100% 55%;
  }
}
@media (max-width: 68.75rem) {
  .content,
  .separator {
    font-size: 1.125rem;
  }
  .right {
    padding: 1.618em 3.236em 1.618em 40%;
    background-size: 39% auto;
    background-position: 0 60%;
  }
  .left {
    padding: 1.618em 40% 1.618em 3.236em;
    background-size: 39% auto;
    background-position: 100% 60%;
  }
}
@media (max-width: 50rem) {
  .smallscreen {
    display: block;
  }
  .right {
    padding: 1.618em 3.236em;
    background-image: none;
  }
  .left {
    padding: 1.618em 3.236em;
    background-image: none;
  }
}
@media (max-width: 31.25rem) {
  .right {
    padding: 1.618em 1.618em;
  }
  .left {
    padding: 1.618em 1.618em;
  }
}
@media (max-width: 12rem) {
  html {
    min-width: 12rem;
  }
}