/**
 * Place for webform-subscribe styles here.

MAIN
ADAPTIVE

*/
 
/* MAIN */
.page-content-about-us-form-subscribe__subscribe {
  background-color: #FFD680;
  padding-top: 2em;
  padding-bottom: 3em;
  color: #54595F;
}

.page-content-about-us-form-subscribe__subscribe form {
  display: grid;
  grid-template-columns: 210px 210px 210px;
  grid-template-rows: 50px;
  justify-content: center;
  column-gap: 20px;
}

.page-content-about-us-form-subscribe__subscribe .subscribe-form-item {
  height: 50px;
}

.page-content-about-us-form-subscribe__subscribe .subscribe-form-item input {
  background: none;
  border: 1px solid #54595F;
  border-radius: 5px;
  height: 39px;
  width: 180px;
  padding-left: 15px;
  padding-right: 15px;
  color: #54595f;
  font-size: 16px;
  outline: none;
  transition: all .3s ease;
}

.page-content-about-us-form-subscribe__subscribe .subscribe-form-item input:hover {
  border: 1px solid #54595F;
  background-color: #54595f;
  color: #FFD680;
}

.subscribe-form-item__btn--btn-submit {
  height: 54px;
  text-transform: uppercase;
  cursor: pointer;
}

.page-content-about-us-employeers {
  margin-top: 8em;
}









/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1919px) {
}

@media (max-width: 1800px) {

}

@media (max-width: 1650px) {

}

@media (max-width: 1600px) {
    
}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
    
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
  .page-content-about-us-form-subscribe__subscribe p {
    padding-left: 15%;
    padding-right: 15%;
  }
  .page-content-about-us-form-subscribe__subscribe form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page-content-about-us-form-subscribe__subscribe .subscribe-form-item__btn--btn-submit {
    width: 212px !important;
  }
}

@media (max-width: 600px) {
    
}

@media (max-width: 480px) {
  .page-content-about-us-form-subscribe__subscribe p {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (max-width: 450px) {
}

@media (max-width: 380px) {
  .page-content-about-us-form-subscribe__subscribe p {
    padding-left: 5%;
    padding-right: 5%;
  }
}