@media screen and (min-width: 576px) {
  .container-especial {
    width: 88%;
  }
}

@media screen and (min-width: 768px) {
  .container-especial {
    width: 80%;
  }
}

@media screen and (min-width: 992px) {
  .container-especial {
    width: 72%;
  }
}

@media screen and (min-width: 1200px) {
  .container-especial {
    width: 64%;
  }
}

@media (min-width: 992px) {
  .inicial {
    background-image: url("../../../images/__marca-dagua.svg");
    background-repeat: no-repeat;
    background-size: 32rem;
    background-position: calc(100%) 0;
  }
}

#box-form-fixo {
  max-width: 24rem;
  position: fixed;
  right: 0;
  top: 16vh;
  background: #EEEEEE;
  padding: 2.08rem;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: 99;
}

#box-form-fixo .form-group {
  margin-bottom: 4px;
}

#box-form-fixo #form-abrir, #box-form-fixo #form-fechar {
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
}

.box-form-mbl {
  border-radius: 10px;
  background: #EEEEEE;
}

.box-form h2 {
  color: #CC212A;
  font-size: 1.2rem;
  font-weight: 500;
}

.box-form .sobre {
  color: #393838;
  font-size: .8rem;
}

.box-form .form-control {
  font-size: .8rem;
  height: auto;
  padding: 0.48rem 0.88rem;
  border-radius: 4px;
}

.box-form #btn-enviar {
  font-size: .88rem;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  background: #CC212A;
  color: #ffffff;
  padding: 0.4rem 1.92rem;
  border: 0;
  border-radius: 4px;
  margin-top: 4px;
}

.box-form #btn-enviar:hover {
  background: #a21a21;
}

.box-form p {
  margin-bottom: 0;
}