body {
  background-color: rgba(155, 155, 155, 0);
  background-repeat: no-repeat;
  background-size: cover; 
  background-attachment: fixed;
}

#faixa {
  float: left;
  background-color: rgb(251, 217, 105);
  padding-left: 35px;
  padding-right: 35px;
  width: 33.35%;
  height: 7.8%;
  float: left;
  left: 50%;
  position: absolute;
  margin-top: 110px;
  margin-left: 50px;
  margin-bottom: 3em;
  font-family: 'Lato';
  font-size: 24px;
  color: #707070;
}

#fundo-blur {
  float: left;
  padding-top: 30px;
  margin-top: 200px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 50px;
  width: 33.35%;
  height: 88%;
  float: left;
  left: 50%;
  position: absolute;
  margin-left: 50px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: rgba(255, 255, 255, 0);
}

#form-main {
  width: 100%;
  /*float: left; Esse e o outro float eu comentei para que 
  eles ficassem fora do rodapé*/
  padding-top: 0px;
  margin-top:130px;
}


#form-div {
  background-color: rgba(255, 255, 255, 0);
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 70px;
  width: 33.35%;
  /*float: left;*/
  left: 50%;
  position: relative;
  margin-top: 50px;
  margin-left: 50px;
}
#form-div p{
  margin-bottom:3rem !important;
}

#faixa #texto {
  margin-top: 10px;
}

.feedback-input {
  color: #3c3c3c;
  font-family: Lato;
  font-size: 18px;
  border-radius: 0;
  background-color: #fbfbfb;
  padding: 13px 13px 13px 8px;
  width: 100%;
  height: 15%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid rgba(0, 0, 0, 0);
}

.input-msg {
  color: #3c3c3c;
  font-family: Lato;
  font-size: 1.125em;
  border-radius: 0;
  background-color: #fbfbfb;
  padding: 0.8125rem 0.8125rem 0.8125rem 0.5rem;
  margin-bottom: 0.625rem;
  width: 100%;
  height: 18.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid rgba(0, 0, 0, 0);
}

.focused {
  color: rgb(251, 217, 105);
  border: rgb(251, 217, 105) solid 3px;
}

.footer {
  padding-top: 11em;
}

textarea {
  width: 100%;
  height: 150px;
  line-height: 150%;
  resize: none;
}

.botao {
  /* float: left; */
  cursor: pointer;
  margin-top: -16px;
  font-weight: 700px;
  width: 35%;
  height: 2.5em;
  border: solid 1px rgba(112, 112, 112, 0.5);
  background-color: #fbd969;
  font-family: Lato;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.92px;
  letter-spacing: normal;
  color: #707070;
  margin-left: 65%;  
}

@media (max-width: 1250px) {
  #fundo-blur{
    width: 40%;
    height: 68%;
  }

  #faixa{
    width: 39.95%;
    height: 6%;
  }

  #form-div{
    width: 40%;
    height: 70%;
  }
}



@media (max-width: 880px) {
  #fundo-blur{
    right: 40%;
    left: 1%;
    width: 85%;
    height: 98%;
  }

  #faixa{
    right: 20%;
    left: 1%;
    width: 85%;
    height: 7.8%;
  }

  #form-div{
    width: 85%;
    height: 70%;
    right: 20%;
    left: 1%;
  }

  #form-main{
    right: 20%;
    left: 20%;
  }

}

@media (max-width: 550px) {
  #fundo-blur{
    right: 5%;
    left: 5%;
    width: 90%;
    margin-left: 0;
  }

  #faixa{
    right: 5%;
    left: 5%;
    width: 90%;
    margin-left: 0;
  }

  #form-div{
    width: 95%;
    height: 70%;
    right: 20%;
    left: 3%;
    margin-left: 0;
  }

  #form-main{
    right: 20%;
    left: 20%;
  }

}

@media (min-height: 545px) {
  #fundo-blur{
    height: 38.5rem;
  }
  #faixa{
    height: 3.125rem;
  }
}


.artista {
  margin-top: 12%;
}