@font-face {
  font-family: bebasRegular;
  src: url(../fonts/BebasNeue_Regular.otf);
}

@font-face {
  font-family: bebasBold;
  src: url(../fonts/BebasNeue_Bold.otf);
}

body{
  margin-bottom: 120px !important;
}

.main-container{
  margin-top: 0px;
}

.banner-transformando{
  min-height: 900px;
  background-position: center;
  max-width: 1280px;
  background-image: url(../images/banner_transformando.png);
}

.logo-transformando{
  padding: 2.5rem 2rem;
}

h3{
  margin-top: 15rem;
  font-family: bebasBold;
  font-size: 7rem;
  color: #f1e8c9;
  text-shadow: 1px 1px 8px black;
}

.form-title-transformando{
  font-family: bebasBold;
  font-size: 5rem;
  color: #7e0018;
}

.div-transformando-form{
  padding: 0rem 0rem 0rem 0rem;
}

.form-control{
  background-color: #f1e8c9 !important;
  border-radius: 10px !important;
  border-color: #7e0018;
  border-width: 3px;
}

.btn-transformando{
  font-family: bebasBold;
  font-size: 1.5rem;
  color: white;
  padding: 0.25rem 2rem;
  background-color: #00a1a0;
  border-radius: 1.5rem;
}

.footer{
  height: 120px !important;
  color: white;
  font-family: bebasRegular;
  font-size: 1rem;
}

.footer-img{
  background-image: url(../images/footer_bg_transformando.png);
  background-size: 100% auto;
}

@media (max-width: 800px) {
  .banner-transformando{
    min-height: 600px;
  }
  h3{
    margin-top: 7.5rem;
    font-family: bebasBold;
    font-size: 3.5rem;
    color: #f1e8c9;
  }
  .form-title-transformando{
    font-family: bebasBold;
    font-size: 2rem;
    color: #7e0018;
  }
}
