/* css */

@import '../../unauth.css';

.poster {
  background-image: url('../../../img/posters/weird.jpg');
  background-color: #202429;
}

.contacts {
  padding: 75px 0 70px 0;
  line-height: 25px;
}

.contacts .wrapper {
  padding: 0 100px;
}

.contacts .left {
  float: left;
  width: 50%;
  font-size: 13px;
  box-sizing: border-box;
  min-width: 400px;
}

.contacts .left b {
  font-weight: 700;
}

.contacts .right {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-top: 30px;
  min-width: 400px;
}

.contacts input,
.contacts textarea {
  width: 100%;
  max-width: 460px;
}

.contacts textarea {
  height: 130px;
}

.contacts a.button {
  color: #6a6a6a;
  font-family: 'Raleway', sans-serif;
  background-color: #e6eaef;
  display: block;
  padding: 10px 0;
  text-align: center;
  max-width: 460px;
}

@media only screen and (max-width: 1180px) {

  .poster {
    background-image: url('../../../img/posters/weird-mobile.jpg');
  }

  h1, h2 {
    font-size: 20px;
  }

  .contacts {
    padding-bottom: 0;
    padding-top: 140px;
  }

  .contacts .wrapper {
    padding: 0 20px;
  }
  .contacts .left {
    max-width: 100%;
    min-width: 100%;
  }

  .contacts .right {
    max-width: 100%;
    min-width: 100%;
    padding-top: 0;
  }

}

@media only screen
and (min-height: 300px)
and (max-height: 665px) {
  .contacts {
    padding-top: 155px;
  }
}