@media screen and (max-width: 768px) {
  nav {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
  }

  nav ul {
    margin-left: 2rem;
  }

  .item {
    flex: 1 0 100%;
    padding: 1rem;
    flex-direction: column;
  }

  .left {
    display: inherit;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  .right {
    display: inherit !important;
    margin-bottom: 2rem;
  }

  .split {
    width: 100%;
  }

  .text {
    max-width: 100%;
    margin-top: 2rem;
  }
  .container-footer {
    flex-direction: column;
    align-items: center;
  }
  .item-footer {
    margin-top: 2rem;
  }

  #map {
    padding: 0;
  }
  .insta img{
    width: 20px !important;
    height: 20px !important;
    margin-right: .4rem;
  }
}