@import url(fonts.css);
@import url(grids.css);
@import url(formulario.css);

:root{
  
}

::placeholder{
  font-family: "Airbnb Cereal App Book" !mportant;
}

h1, h2, h3, h4{
  text-transform: inherit;
}

strong{
  font-family: 'Airbnb Cereal App Medium';
}

.bg-blue{
  background-color: #0066ad;
}

.header-page-contrucao{
  padding: 1rem 0;
}

.super-title{
  font-size: 36px;
  color: #083140;
  font-family: 'Airbnb Cereal App Medium';
}

.normal-title{
  font-size: 24px;
  color: #083140;
  font-family: 'Airbnb Cereal App Medium';
}

.small-title{
  font-size: 20px;
  color: #083140;
  font-family: 'Airbnb Cereal App Medium';
}

.super-text{
  font-size: 18px;
  color: #083140;
  font-family: 'Airbnb Cereal App Medium';
}

.normal-text{
  font-size: 16px;
  color: #083140;
  font-family: "Airbnb Cereal App Book";
}

.small-text{
  font-size: 14px;
  color: #083140;
  font-family: "Airbnb Cereal App Book";
}

.text-blue{
  color: #0066ad;
}

.text-light-blue{
  color: #1dc3ff;
}

.text-white{
  color: #fff;
}

.contratar {
  padding: 4rem 0;
}

.contratar_holder .title-container{
  margin: 1rem 0 1.5rem;
}

.contratar--items:last-child .super-text{
  margin-bottom: 1rem;
}

.contato-contrucao{
  padding: 4rem 0;
}

.contato-contrucao_holder .title-container {
  margin-top: 2rem;
}

.form-container{
  margin-top: 2rem;
}

.form-construcao input[type="submit"]{
  font-family: "Airbnb Cereal App Book";
  width: 100%;
  text-align: center;
  color: #fff !important;
  background-color: #0097ce !important;
  border-color: #0097ce!important;
  box-sizing: border-box;
}

.form-construcao input[type="submit"]:hover{
  color: #0097ce !important;
  background-color: transparent !important;
}

@media (min-width: 1025px){
  .contratar_holder {
    grid-gap: 3rem;
  }

  .contratar--items:first-child{
    position: relative;
  }

  .contratar--items:first-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    border-radius: 3px;
    background-color: #0097ce;
    background-image: linear-gradient(to right, #0068ae 0%, #009ad1 100%);
  }

  .contato-contrucao{
    background-image: url(http://dnafacility.com.br/wp-content/uploads/bg-contato.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .form-container{
    max-width: 600px;
    margin: 2rem auto 0;
  }

  .two_inputs{
    margin-bottom: .5rem;
  }

}