/* CSS 'contato.html'*/

/*Pag top background*/
#background-top-img{
  height: 80vh;
  width: 100%;
  background-image: url(../img/img/imgUsina/DJI_0013.jpg);
  background-position: center;
  background-size: cover;
}


/*form*/
#add-document,
.form-control,
textarea {
  background-color: #FEFEFE;
  border-radius: 5px;
  border: 1px solid #FEFEFE;
}

#add-document:focus,
.form-control:focus,
textarea:focus {
  border: 2px solid #BDE549;
  background-color: #FEFEFE;
}

#add-document:focus-within,
.form-control:focus-within {
  background-color: #FEFEFE;
}

.textarea-form {
  outline: none;
  padding: 10px;
  padding-left: 10px;
}

#mensagem {
  min-height: 100px;
  max-height: 100px;
  outline: none;
}

@media (max-width: 768px) {
  input[type='file'] {
    width: 80vw;
    word-wrap: break-word;
  }
}

/*Seção*/
.section-contato {
  border-radius: 10px;
}
.section-contato .title{
  font-size: 45px;
  border-bottom: 4px solid #FB7B04;
}

.section-contato .subtitle {
  font-size: 32px;
  font-weight: 600;
  color: #BDE549;
  text-shadow: 0.5px 0.5px 2px #474747;
}

.section-contato form i,
.section-contato i{
  color: inherit;
  font-size: inherit;
}

.section-contato p {
  font-weight: 500;
  font-size: 20px;
}

.section-contato a i,
.section-contato a span {
  color: #474747;
  font-weight: 500;
  font-size: 20px;
}

.section-contato a span:hover {
  font-weight: 700;
  font-size: 20px;
}

.section-contato h4 {
  font-size: 28px;
  font-weight: 600;
}

.section-contato .h6 {
  font-size: 20px;
  font-weight: 500;
}

.section-contato form textarea {
  min-height: 120px;
  max-height: 120px;
  max-width: 100%;
  min-width: 100%;
}

.section-contato .secondary-btn:hover {
  color: #FEFEFE;
  background-color: #FB7B04;
}

.code-img {
  height: auto;
  width: 100%;
  border-radius: 10px;
}
.code-img img {
  width: 220px;
  height: 220px;
  border-radius: 9px;
}

@media (max-width: 768px){
  .code-img,
  .telefone {
    display: flex;
    justify-content: center;
  }
}

.contato-link {
  width: 100%;
  text-align: center;
  font-size: 17px;
}
.contato-link a{
  font-weight: 800;
  color: #FB7B04;
  text-decoration: none;
}
.contato-link a:hover{
  color: #FB7B04;
  font-weight: 900;
}