html{
  overflow-x: hidden;
}
body{
  overflow-x: hidden;
}
@media only screen and (min-width: 300px){
  .block1 {
    max-width: 100%;
    height: 200px;
    background: url(../img/fon.png) center center/cover no-repeat;
    padding: 10px; }
    .block1 .title_text {
      font-family: fine;
      margin-top: 60px;
      width: 100%;
      color: white;
      font-size: 1.4em; }
    .block1 .sub_text {
      font-family: sub;
      color: white;
      font-size: 1.2em;
      width: 330px;
      height: 100px; }
      .block2{
        display: block;
        max-width: 100%;
        height: 750px;
        background-color: #e9e9e9;
        padding: 20px 20px 0 20px;
    }
    .block2 .rem1{
      display:block;
      width: 250px;
      height: 100px;
      text-align: center;
      margin-left: 5px;
      font-family: fine;
      font-size: 1.1em;
      margin-top: 30px;
    }
    .block2 .rem2{
      display:block;
      width: 250px;
      height: 120px;
      text-align: center;
      margin-left: 5px;
      font-family: fine;
      font-size: 1.1em;
      margin-top: 70px;
    }
    .block2 .rem3{
      display:block;
      width: 250px;
      height: 200px;
      text-align: center;
      margin-left: 5px;
      font-family: fine;
      font-size: 1.1em;
      margin-top: 150px;
    }
    span{
      font-family: fine;
      font-size: 1.3em;
    }
    .block3{
      max-width: 100%;
      min-height: 1250px;
      }
      .block3 .serrt1{
        margin: 10px 0 0 20px;
        max-width: 90%;
        height:200px;
      }
      .block4{
        max-width: 100%;
        height: 200px;
        background-color:black;
      }
      .block4 .adres{
        width: 90%;
        padding: 50px 0 0 20px;
        display: block;
        color: white;
        font-size: 1em;
      }
    }
@media only screen and (min-width: 375px){
  .block1 {
    max-width: 100%;
    height: 200px;
    background: url(../img/fon.png) center center/cover no-repeat;
    padding: 10px; }
    .block1 .title_text {
      font-family: fine;
      margin-top: 60px;
      width: 100%;
      color: white;
      font-size: 1.4em; }
    .block1 .sub_text {
      font-family: sub;
      color: white;
      font-size: 1.2em;
      width: 350px;
      height: 100px; }
      .block2{
        display: block;
        grid-template-columns:min-content min-content min-content;
        max-width: 100%;
        height: 800px;
        background-color: #e9e9e9;
        padding: 20px 20px 0 20px;
    }
    .block2 .rem1{
      display:block;
      width: 300px;
      height: 100px;
      text-align: center;
      margin-left: 10px;
      font-family: fine;
      font-size: 1.2em;
      margin-top: 30px;
    }
    .block2 .rem2{
      display:block;
      width: 300px;
      height: 120px;
      text-align: center;
      margin-left: 10px;
      font-family: fine;
      font-size: 1.2em;
      margin-top: 100px;
    }
    .block2 .rem3{
      display:block;
      width: 300px;
      height: 200px;
      text-align: center;
      margin-left: 10px;
      font-family: fine;
      font-size: 1.2em;
      margin-top: 150px;
    }
    span{
      font-family: fine;
      font-size: 1.4em;
    }
    .block3{
      max-width: 100%;
      min-height: 1250px;
      }
      .block3 .serrt1{
        margin: 10px 0 0 20px;
        max-width: 90%;
        height:230px;
      }
      .block4{
        max-width: 100%;
        height: 200px;
        background-color:black;
      }
      .block4 .adres{
        width: 90%;
        padding: 50px 0 0 20px;
        display: block;
        color: white;
        font-size: 1em;
      }
    }
@media only screen and (min-width: 576px){
  .block1 {
    max-width: 100%;
    height: 200px;
    background: url(../img/fon.png) center center/cover no-repeat;
    padding: 10px; }
    .block1 .title_text {
      font-family: fine;
      margin-top: 60px;
      width: 100%;
      color: white;
      font-size: 1.4em; }
    .block1 .sub_text {
      font-family: sub;
      color: white;
      font-size: 1em;
      width: 300px;
      height: 100px; }
      .block2{
        display: block;
        grid-template-columns:min-content min-content min-content;
        max-width: 100%;
        height: 700px;
        background-color: #e9e9e9;
        padding: 20px 20px 0 20px;
    }
    .block2 .rem1{
      display:block;
      width: 400px;
      height: 100px;
      text-align: center;
      margin-left: 90px;
      font-family: fine;
      font-size: 1.2em;
      margin-top: 30px;
    }
    .block2 .rem2{
      display:block;
      width: 400px;
      height: 120px;
      text-align: center;
      margin-left: 90px;
      font-family: fine;
      font-size: 1.2em;
      margin-top: 100px;
    }
    .block2 .rem3{
      display:block;
      width: 400px;
      height: 200px;
      text-align: center;
      margin-left: 90px;
      font-family: fine;
      font-size: 1.2em;
      margin-top: 120px;
    }
    span{
      font-family: fine;
      font-size: 1.4em;
    }
    .block3{
      max-width: 100%;
      min-height: 1250px;
      }
      .block3 .serrt1{
        margin: 10px 0 0 20px;
        max-width: 50%;
        height:200px;
      }
      .block4{
        max-width: 100%;
        height: 200px;
        background-color:black;
      }
      .block4 .adres{
        width: 100%;
        padding: 50px 0 0 60px;
        display: block;
        color: white;
        font-size: 1.3em;
      }
    }
      @media only screen and (min-width: 768px){
        .block1 {
          max-width: 100%;
          height: 300px;
          background: url(../img/fon.png) center center/cover no-repeat;
          padding: 10px; }
          .block1 .title_text {
            font-family: fine;
            margin-top: 100px;
            width: 100%;
            color: white;
            font-size: 1.7em; }
          .block1 .sub_text {
            font-family: sub;
            color: white;
            font-size: 1.6em;
            width: 300px;
            height: 100px; }
        .block2{
          display: block;
          grid-template-columns:min-content min-content min-content;
          max-width: 100%;
          min-height: 400px;
          background-color: #e9e9e9;
          padding: 20px 20px 0 65px;
      }
      .block3{
        max-width: 100%;
        min-height: 1250px;
        }
        .block3 .serrt1{
          margin: 10px 0 0 20px;
          max-width: 50%;
          height:250px;
        }
      }
@media only screen and (min-width: 992px){
  .block1 {
    max-width: 100%;
    height: 300px;
    background: url(../img/fon.png) center center/cover no-repeat;
    padding: 10px; }
    .block1 .title_text {
      font-family: fine;
      margin-top: 160px;
      width: 100%;
      color: white;
      font-size: 1.9em; }
    .block1 .sub_text {
      font-family: sub;
      color: white;
      font-size: 1.7em;
      width: 600px;
      height: 100px; }
  .block2{
    display: grid;
    grid-template-columns:min-content min-content min-content;
    max-width: 100%;
    max-height: 250px;
    background-color: #e9e9e9;
    padding: 20px 20px 0 0px;
}
.block2 .rem1{
  display:block;
  width: 290px;
  height: 100px;
  text-align: center;
  margin-left: 5px;
  font-family: fine;
  font-size: 1.2em;
  margin-top: 30px;
}
.block2 .rem2{
  display:block;
  width: 320px;
  height: 100px;
  text-align: center;
  margin-left: 35px;
  font-family: fine;
  font-size: 1.2em;
  margin-top: 30px;
}
.block2 .rem3{
  display:block;
  width: 290px;
  height: 100px;
  text-align: center;
  margin-left: 40px;
  font-family: fine;
  font-size: 1.2em;
  margin-top: 30px;
}
span{
  font-family: fine;
  font-size: 1.4em;
}
.block3{
  display: block;
  max-width: 100%;
  min-height: 1250px;
  }
  .block3 .serrt1{
    margin: 10px 0 0 60px;
    max-width: 40%;
    height:40%;
  }
}
@media only screen and (min-width: 1200px){
  .block1 {
    max-width: 100%;
    height: 400px;
    background: url(../img/fon.png) center center/cover no-repeat;
    padding: 10px; }
  .block1 .title_text {
    font-family: fine;
    margin-top: 200px;
    width: 100%;
    color: white;
    font-size: 2.3em; }
  .block1 .sub_text {
    font-family: sub;
    color: white;
    font-size: 2em;
    width: 600px;
    height: 100px; }
  .block2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 100%;
    height: 25%;
    background-color: #e9e9e9;
    padding: 20px 20px 0 0px;
}
.block2 .rem1{
  display:block;
  width: 70%;
  height: 50%;
  text-align: center;
  margin-left: 5px;
  font-family: fine;
  font-size: 1.3em;
  margin-top: 30px;
}
.block2 .rem2{
  display:block;
  width: 70%;
  height: 100px;
  text-align: center;
  margin-left: 40px;
  font-family: fine;
  font-size: 1.3em;
  margin-top: 30px;
}
.block2 .rem3{
  display:block;
  width: 70%;
  height: 100px;
  text-align: center;
  margin-left: 40px;
  font-family: fine;
  font-size: 1.3em;
  margin-top: 30px;
}
span{
  font-family: fine;
  font-size: 1.4em;
}
.block3{
  display: block;
  max-width: 100%;
  height: 25%;
  }
  .block3 .serrt1{
    margin: 10px 0 0 60px;
    max-width: 40%;
    height:90%;
  }
}