/* 3840, 2800, 2560, 1920, 1600, 1440, 1366, 1280, 1200, 1152, 1024, 960, 860, 768, 720, 640, 425, 375, 360, 320
***************************************************************************************************/
@media (max-width: 3840px) {
  .top {
    background-position: 70% top, center bottom, 30% top;
  }
}

@media (max-width: 2800px) {
  .top {
    background-position: 80% top, center bottom, 20% top;
  }
}

@media (max-width: 1920px) {
  .top {
    background-position: 95% top, center bottom, 5% top;
  }
}

@media (max-width: 1600px) {
  .top {
    background-position: 100% top, center bottom, 0% top;
    background-size: 530px, contain, 500px;
  }
}

@media (max-width: 1440px) {
  .top {
    background-size: 450px, contain, 450px;
  }
}

@media (max-width: 1366px) {
  .top {
    background-size: 400px, contain, 400px;
  }
}

@media (max-width: 1280px) {
  .top {
    background-size: 380px, contain, 380px;
  }
  .list {
    width: 100%;
  }
}

@media (max-width: 1152px) {
  .top {
    background-size: 300px, contain, 300px;
  }
}

@media (max-width: 1024px) {
  .header {
    width: 480px;
  }
  .pera .container {
    width: 100%;
  }
  .pera .container .right {
    padding-right: 1em;
  }
  .bottom .container {
    width: 100%;
  }
  .bottom form input {
    width: 55%;
  }
  .bottom form button {
    width: 40%;
  }
}

@media (max-width: 860px) {
  .top {
    background-position: center 750px, center bottom, center 350px;
    background-size: 450px, contain, 450px;
  }
  .header {
    width: 90%;
    padding-bottom: 800px;
  }
  .list ul {
    -webkit-columns: 1;
            columns: 1;
  }
  .list ul li {
    background-size: 20px;
  }
  .bottom .container {
    width: 90%;
  }
  .bottom .container .left {
    width: 0;
  }
  .bottom .container .right {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .top {
    background-position: center 790px, center bottom, center 390px;
  }
  .abonare form {
    width: 90%;
  }
  .abonare form input {
    width: 100%;
  }
  .abonare form button {
    width: 100%;
    margin-top: 1em;
  }
  .bottom form {
    width: 100%;
  }
  .bottom form input {
    width: 100%;
  }
  .bottom form button {
    width: 100%;
    margin-top: 1em;
  }
}

@media (max-width: 480px) {
  .top {
    background-position: center 830px, center bottom, center 430px;
  }
  .pera {
    padding-top: 0em;
  }
  .pera .container {
    width: 90%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pera .container .left {
    width: 100%;
  }
  .pera .container .right {
    width: 100%;
    padding-right: 0;
  }
}

@media (max-width: 414px) {
  h1 {
    line-height: 1em;
    margin-bottom: 0.5em;
  }
  .top {
    background-position: center 870px, center bottom, center 550px;
    background-size: 350px, contain, 350px;
  }
  .header {
    padding-bottom: 700px;
  }
  .pera {
    position: relative;
  }
  .list ul li {
    background-size: 30px;
  }
}

@media (max-width: 375px) {
  .top {
    background-position: center 870px, center bottom, center 550px;
    background-size: contain, contain, contain;
  }
  .list {
    padding: 1em;
  }
  .abonare {
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (max-width: 360px) {
  .top {
    background-position: center 950px, center bottom, center 600px;
    background-size: contain, contain, contain;
  }
}
/*# sourceMappingURL=responsive.css.map */