#contacto {
  padding-top: 280px;
  z-index: 1;
  position: relative;
  color: white;

  @include respond-above(xs) {
    padding-top: 140px;
  }

  @include respond-above(sm) {
    padding-top: 80px;
    position: absolute;
    display: flex;
    align-items: center;
    width: 90%;
  }

  &.container {

    .content {

      @include respond-above(sm) {
        max-width: 630px;
        height: 710px;
      }
    }

    .bloque {
      margin: 0 34px;
      padding: 55px 37px;
      width: 100%;

      @include respond-above(sm) {
        padding: 117px 90px;
      }

      h2 {
        padding-bottom: 26px;
        color: white;

        @include respond-above(sm) {
          padding-bottom: 50px;
        }
      }
      input[type='text'], textarea {
        font-family: 'Gotham', sans-serif;
        font-size: 1.1rem;
        line-height: 15px;
        color: white;
        padding-bottom: 9px;
        border-bottom: solid thin white;
        width: 100%;
        margin-bottom: 30px;

        &::placeholder {
          color: white;
        }
      }
      textarea {
        height: 70px;

        @include respond-above(sm) {
          height: 180px;
        }
      }
      input[type='submit'], .btn {
        font-family: 'Gotham', sans-serif;
        font-size: 1.1rem;
        line-height: 14px;
        font-weight: 700;
        color: var(--color-azul-principal);
        background: var(--color-gris);
        border-radius: 17px;
        width: 95px;
        height: 30px;
        justify-content: center;
        display: flex;
        align-items: center;
        cursor: pointer;
      }
      p {
        margin-bottom: 17px;
      }
    }
  }

}