body {
  margin: 0;
  padding: 0;
  font-family: "Muli", sans-serif;
  font-size: 14px;
  color: #808080;
}

.container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 16px;
}
.container .logo {
  max-width: 500px;
}
.container .header {
  text-align: center;
}
.container .title {
  max-width: 800px;
  margin: 2rem auto 4rem auto;
  font-size: 1.5em;
}
@media (min-width: 760px) {
  .container .title {
    font-size: 1.7rem;
  }
}
.container .title.covid {
  margin-bottom: 1em;
}
.container .title, .container .subtitle {
  color: #4DB7A2;
}
.container .subtitle {
  margin-bottom: 3rem;
  font-size: 1.3em;
}
@media (min-width: 760px) {
  .container .subtitle {
    font-size: 1.5rem;
  }
}
.container .medidas {
  margin-bottom: 2em;
}
.container .medidas li {
  margin-bottom: 1rem;
  padding-left: 1rem;
  font-weight: 600;
  color: #999;
  font-size: 1.2em;
}
.container .sign {
  font-size: 1.2em;
  font-weight: 700;
}
.container .list {
  padding: 0;
  list-style: none;
  margin-bottom: 3rem;
}
.container .list li {
  margin-bottom: 1rem;
  padding-left: 2rem;
  font-weight: 600;
  color: #808080;
  font-size: 1.2em;
}
.container .list a {
  color: #808080;
  text-decoration: none;
}
.container .list a:hover {
  text-decoration: underline;
}
.container .list__form {
  background: url("../images/icon-form.svg") left no-repeat;
}
.container .list__wp {
  background: url("../images/icon-wp.svg") left no-repeat;
}
.container .list__mail {
  background: url("../images/icon-mail.svg") left no-repeat;
}
.container .list__info {
  background: url("../images/icon-info.svg") left no-repeat;
}
.container .list__phone {
  background: url("../images/icon-phone.svg") left no-repeat;
}
.container .section {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 0 3rem 0;
}
.container .section .form {
  display: none;
}
.container .section .form__title {
  color: #808080;
  font-size: 1.3em;
  padding-bottom: 3px;
  border-bottom: solid 2px #808080;
  margin-bottom: 2rem;
}
.container .section .form__label {
  color: #808080;
  font-size: 1.2em;
  min-width: 180px;
  margin-bottom: 0.5rem;
  display: block;
}
@media (min-width: 760px) {
  .container .section .form__label {
    margin-bottom: 0;
  }
}
.container .section .form__input--text {
  border: solid 1px #dddddd;
  border-radius: 4px;
  padding: 5px;
  font-size: 1.1em;
  width: 100%;
  color: #808080;
}
.container .section .form__input--text:focus {
  outline: none;
}
.container .section .form__input--textarea {
  border: solid 1px #dddddd;
  border-radius: 4px;
  padding: 5px;
  font-size: 1.1em;
  width: 100%;
  min-height: 200px;
  font-family: "Muli", sans-serif;
  color: #808080;
}
.container .section .form__input--textarea:focus {
  outline: none;
}
.container .section .form__select {
  border: solid 1px #dddddd;
  border-radius: 4px;
  font-size: 1.1em;
  color: #808080;
  width: 100%;
  font-family: "Muli", sans-serif;
}
.container .section .form__button {
  background: #1abc9c;
  border-radius: 4px;
  border: solid 0 #e3edf4;
  border-bottom: 2px solid #3a9a95;
  padding: 10px 25px 10px 25px;
  color: #fff;
  font-size: 1.2em;
  cursor: pointer;
}
.container .section .form__button:hover {
  background: #3a9a95;
}
.container .section .form :-moz-placeholder {
  color: #ddd;
}
.container .section .form ::-webkit-input-placeholder {
  color: #ddd;
}
.container .section .form .row {
  margin-bottom: 1.5rem;
}
@media (min-width: 760px) {
  .container .section .form .row {
    display: flex;
  }
}
.container .section .answer {
  font-size: 1.2em;
  text-align: center;
  display: none;
}
.container .preloader {
  width: 35px;
  height: 35px;
  border: 5px solid #eee;
  border-top: 5px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: 2rem auto;
  display: none;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=styles.css.map */