/* Move icon to the left of the heading and paragraph */

#services .flex-items .item {
  flex-direction: row;
  text-align: left;
  /* align the top of the i and divs */
  align-items: flex-start;
}
/* So icon doesn't get squashed down */
#services .item div {
  flex-basis: 70%;
}
#services i {
  margin-right: 1.2em;
}


/* Make the map take up more room horizontally  */

#contact .map {
  flex-basis: 80%;
}

/*  */
.map {
  padding-bottom: 48%;
}


/* SUPER WIDE SCREENS ONLY */
@media screen and (min-width: 1800px) {

  /* Make map height smaller */
  .map {
    padding-bottom: 35%;
  }

}