@media only screen and (min-width: 1700px) and (max-device-width: 1924px) {
  /* Desktop big */
    .home{ height: 80px; width: 80px; } .sidemenu{ height:55px; width: 55px; left: calc(100% - 200px);}
.line,.rec{height:400px;} .block{top:10vh;} .button{top:6.5em;} .map{width:1200px; height:705px;} .s1{left:69vw;}
  }

  @media only screen and (min-height: 700px) and (max-height: 950px) and (min-width: 1600px) {
    /* Desktop */
    .block{top:4.5vh;} .karta{top:80px;} .forma_after{height: 16vh;}
    .home{ height: 58px; width: 58px; } .line{animation-duration: 20s;} .s1{bottom:50vh;}

  }
@media only screen and (min-height: 700px) and (max-height: 850px)  {
  .home{ height: 55px; width: 55px; }   .sidemenu{ height: 35px; width: 35px; left:calc(100% - 125px);}
  .line,.rec{height:270px;} .button{top:40px;} .block{top:3.5vh;}
  .map{width: 950px; top:-17px;} .screen2{height:85vh;} .s1{bottom:60vh; left:72vw;} .line{animation-duration: 20s;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* iPad */
  .text,.normal,.button, .contacts, .cont, .author,.block,.s1{font-size: 18px; line-height: 21px;}  .headline, .head{ font-size: 24px; line-height: 27px;}
  .block{top:9vh;} .button{top:110px;} .map{width:700px; height:490px; top:0; background-size: cover; background-position: right;} .s1{bottom:42vh;}
  .rec{width:24px; margin-left:28px;} .line{animation-duration: 20s;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* iPad Portrait */
  .home{left:4.5vw;}
  .line,.rec{height:260px;} .button{display: none;} .screen2{display: block;} .block{top:5vh;} .screen{height: 55vh;} .screen2{top:65vh; height:52.5vh;} .rect{height:24px;}
 .n2{display: block; position: absolute; top:48vh;} .map{width:100vw;} .screen3{display: block; height:33vh; position: absolute; top:115vh; width: 100vw; background-color: #5EB6CA;}
.s1{display: none;} .v2{display: block; left:4.5vw; top:9vh;}


.footer{top:148vh; display: flex; justify-content: space-evenly; flex-wrap: nowrap; align-items: center;} .contacts,.hse,.author{position: static;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* iPad Landscape */
  .text,.normal,.button, .contacts, .cont, .author,.block,.s1{font-size: 18px; line-height: 21px;}  .headline, .head{ font-size: 24px; line-height: 27px;}
  .block{top:9vh;} .button{top:110px;} .map{width:700px; height:490px; top:0; background-size: cover; background-position: right;} .s1{bottom:42vh;}
  .rec{width:24px; margin-left:28px;} .line{animation-duration: 20s;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  /* iPhone Portrait */

  .home{ height: 60px; width: 60px; left:8vw; } .sidemenu{ height:40px; width: 40px; left: calc(100% - 125px);}
  .rec{width:26px; margin-left:26px;} .none{margin-left: 0px;} .line{animation-duration: 20s;}
  .text,.normal,.button, .contacts, .cont, .author, .block, .s1 {font-size: 14px; line-height: 17px;}  .headline,.head{ font-size: 21px; line-height: 24px;} .footer{display:none;}
  .footer2{display: block; top:143vh; height:20vh;} .flex{display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; position: absolute; left:50vw; top:4vh;}
  .hse{width: 133px; height:60px; position: absolute; left:8vw; top:4vh;} .contacts,.author{position: static; margin-bottom: 15px;} .screen2{display:block;}

  .line,.rec{height:260px;} .button{display: none;} .screen2{display: block;} .block{top:7vh;} .screen{height: 55vh;} .screen2{top:69vh; height:52.5vh;} .rect{height:24px;}
  .n2{display: block; position: absolute; top:37vh;} .map{width:100vw; background-size: cover; background-position: right; height:310px;} .screen3{display: block; height:30vh; position: absolute; top:115vh; width: 100vw; background-color: #5EB6CA;}
  .s1{display: none;} .v2{display: block; left:8vw; top:2vh;}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  /* iPhone Landscape */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  /* iPhone Portrait */

}