/* #############################--SECTIONNAME--############################################ */


.maps {
  display: flex;
  margin-top: 50px;
  width: 100%;
}

.maps p {
  font-size: 16px;
  text-align: center;
  width: 80%;
  margin-bottom: 30px;
  height: 50px;
}

.map1, .map2 {
  flex: 2;
  padding: 20px;
  text-align: center;
}

.map1 img, .map2 img {
  height: 400px;
  width: 600px;
}

@media only screen and (max-width: 1024px) {

  .maps {
    flex-flow: column wrap;
  }

  .map1 img, .map2 img {
    height: 267px;
    width: 400px;
  }

  .maps p {
    font-size: 14px;
    width: 90%;
  }
}

@media only screen and (max-width: 1300px) {
  .maps {
    flex-flow: column wrap;
  }
}