aside.midia {
  height: 232px;
  min-height: inherit;
  padding-bottom: 0;
}

.wrap-contact {
  background-color: #eeeeee;
}

.wrap-contact .wrap-content {
  display: flex;
  flex-flow: row-reverse wrap;
  flex: 0 auto;
  width: 100%;
  max-width: 100%;
}

.wrap-contact .wrap-content h1,
.wrap-contact .wrap-content p {
  color: #585858;
}

.wrap-contact .wrap-content>div {
  flex: 1;
}

.wrap-contact .wrap-content div.maps-content {
  background-color: #6d7a8d;
}

.wrap-contact .wrap-content div.maps-content iframe {
  opacity: 0.5;
}

.wrap-contact .wrap-content div.maps-content:hover iframe {
  opacity: 1;
}

.wrap-contact .wrap-content>div article {
  max-width: 650px;
  padding: 8rem 4rem;
}

.wrap-contact .wrap-content>div article p {
  margin: 2rem 0;
}

.wrap-contact .wrap-content>div article p input,
.wrap-contact .wrap-content>div article p textarea {
  width: calc(100% - 1.6rem);
  padding: 0.8rem;
  color: #999999;
  font-size: 0.9rem;
  outline: none;
  resize: none;
}

.wrap-contact .wrap-content>div article form {
  display: flex;
  flex-flow: row wrap;
  flex: 0 auto;
}

.wrap-contact .wrap-content>div article form label {
  position: relative;
}

.wrap-contact .wrap-content>div article form label.error {
  display: block;
  width: calc(100% - 1rem);
  padding: 0.5rem;
  color: #FFF;
  font-size: 0.8rem;
  background-color: #c7a543;
}

.wrap-contact .wrap-content>div article form p {
  flex: calc(50% - 20px);
  margin: 0 20px 20px 0;
}

.wrap-contact .wrap-content>div article form p.message {
  flex: 100%;
  margin-right: 0;
}

.wrap-contact .wrap-content>div article form p.message textarea {
  height: 100px;
}

.wrap-contact .wrap-content>div article form button {
  margin: 2rem auto 0 auto;
}

.wrap-contact .wrap-content>div article form p:nth-child(2n + 2) {
  margin-right: 0;
}

.spinner {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  width: 25px;
  height: 25px;
}

.spinner .path {
  stroke: #ffffff;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
}

button label.loading,
.mensagem-sucesso {
  display: none;
}

.mensagem-sucesso {
  width: 100%;
  padding: 15px 0;
  color: #60ab5a;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #60ab5a;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}


@media all and (max-width: 900px) {
  .wrap-contact .wrap-content>div:last-child {
    height: 300px;
  }

  .wrap-contact .wrap-content>div {
    flex: 100%;
  }

  .wrap-contact .wrap-content>div article {
    max-width: 100%;
    padding: 4rem 2rem;
  }

}

@media all and (max-width: 900px) {
  .wrap-contact .wrap-content>div article form p {
    flex: 100%;
    margin: 0 0 20px 0;
  }

}