/* Contatti */

.contatti { flex-flow: column wrap; }
.bg {
  background: none;
  height: auto;
}

.bg::after { content: unset; }

.contatti section { background-color: white; }

.title p { color: #009e95; }

.contatti section .content { align-items: baseline; }

.contatti section .content > div {
  align-items: baseline; 
  flex: 1 1 50%;
  margin: 0;
}

.contatti section .content .flex-col {
  align-items: baseline;
  max-width: 80%;
}

.contatti section .content .title { padding-bottom: 1rem; }

.contatti section .title h3 p { font-size: 1.5rem; padding-left: 0; }

.contatti section .content form { flex: 1 1 50%; }

.contatti section a { 
  font-weight: 300;
  transition: all 0.2s ease;
  color: #212121;
}

.contatti section .content > div a {
  padding-left: 1.5rem; 
  margin: auto 0 0;
}

.contatti section a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #007bb3;
}

#contatti .content .title { padding-bottom: .7rem; }
#contatti .content .title p { font-size: 1.4rem; }

#map { margin-top: 200px; height: 300px; }

@media (max-width: 768px) and (max-aspect-ratio: 13/9) /* portrait styles here */ {
  .contatti section .content { flex-flow: column; }
  .contatti section .content .flex-col { max-width: 100%; }
  .contatti section .content > div a { padding: 0; }
  .contatti section .content form { flex: 1; width: 100%; }
}