* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}

img {
  width: 100%;
}

body {
  background-image: url(./images/background.png);
  background-color: rgb(0, 39, 72, 1);
  background-repeat: no-repeat;
  background-size: 100%;
}

:root {
  --primary-font: "Avenir", sans-serif;
  --light-color: rgba(255, 255, 255, 1);
  --blue-color: rgba(0, 39, 72, 1);
}

.main {
  font-family: var(--primary-font);
  padding-top: 131px;
}

.header {
  max-width: 492px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.header__image {
  max-width: 295px;
  display: block;
  margin: 0 auto;
  margin-bottom: 68px;
}

.header__description {
  text-align: center;
  margin-bottom: 80px;
  color: var(--light-color);
  font-weight: 900;
  font-size: 22px;
}

.header__description-detail {
  background-image: url(./images/rectangle.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.obrigado {
  text-align: center;
  display: none;
}

.obrigado h2 {
  margin-bottom: 12px;
}

.obrigado,
.content__form {
  color: var(--blue-color);
  font-weight: 500;
  font-size: 14px;
  margin: 0 auto;
  padding: 40px;
  max-width: 660px;
  width: 90%;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  box-shadow: rgba(78, 78, 78, 0.25);
}

.field__input {
  display: flex;
  justify-content: space-between;
  margin-bottom: 26px;
}

.field__input-detail {
  width: 280px;
  padding-left: 10px;
  height: 40px;
  border: 1px solid rgba(209, 209, 209, 1);
  border-radius: 3px;
}

.field__options-title {
  margin-top: 26px;
  margin-bottom: 12px;
}

.field__input-text {
  margin-bottom: 8px;
}

.field__options-content {
  display: flex;
  margin-bottom: 16px;
}

.field__options-detail {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(209, 209, 209, 1);
}

.field__options-text {
  margin-left: 7px;
  color: var(--blue-color);
  font-weight: 500;
  font-size: 14px;
}

.field__options-input {
  width: 580px;
  height: 40px;
  border-radius: 3px;
   padding-left: 10px;
  border: 1px solid rgba(209, 209, 209, 1);
}

.termos {
  margin-top: 46px;
}

.termos__text {
  margin-bottom: 20px;
}

.termos__text-input {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.termos__text-detail {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border: 1px solid rgba(209, 209, 209, 1);
}

.button__detail {
  color: var(--light-color);
  cursor: pointer;
  border: 0;
  text-decoration: none;
  margin-top: 6px;
  width: 580px;
  height: 40px;
  border-radius: 3px;
  background-color: rgba(240, 87, 36, 1);
  box-shadow: 0px 0px 10px 0px rgba(155, 155, 155, 0.46);
}

.footer {
  margin-top: 118px;
  max-width: 539px;
  height: 509px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-image: url(./images/footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 175px;
}

.footer__logo-detail {
  width: 295px;
}

.footer__social-media {
  width: 102px;

  display: flex;
  justify-content: space-between;
  padding-top: 134px;
  margin: 0 auto;
}

.footer__social-media-detail {
  width: 16px;
  padding-bottom: 16px;
}

.copyright {
  font-family: var(--primary-font);
  color: var(--light-color);
  padding-bottom: 31px;
  font-size: 14px;
  font-weight: 500;
}

@media screen and (max-width: 900px) {
  body {
    background-image: none;
  }

  .main {
    padding-top: 100px;
  }

  .content__form {
    margin-top: 70px;
  }

  .field__input {
    flex-direction: column;
    margin-bottom: 0px;
  }

  .field__input-content {
    margin-bottom: 25px;
  }

  .field__input-detail {
    width: 100%;
  }
  .field__options-title {
    margin-top: 5px;
    margin-bottom: 25px;
  }
  .field__options-input {
    width: 100%;
    margin-bottom: 25px;
  }

  .termos {
    margin-top: 0px;
  }

  .button__detail {
    width: 100%;
  }

  .footer {
    padding-top: 0px;
    margin-top: 75px;
    background-size: 100%;
    width: 90%;
    max-width: 320px;
    height: 275px;
  }
  .footer__logo-detail {
    width: 120px;
    margin-top: 100px;
  }

  .footer__social-media {
    padding-top: 85px;
  }

  .copyright {
    display: none;
  }
}