.locations-bg {
  background-image:url("../images/locations-bg.jpg");
  margin:auto;
  background-size:cover;
  height:100%;

}

.center {
  margin: auto;
  width: 50%;
  text-align: center;
}

.locations {
  font-family:sans-serif;
  cursor: pointer;
  transition: 0.3s;
  color: white;
  text-align:center;
  margin-top:20px;
  letter-spacing:1px;
}

.location-icon {
  width:300px;
  height:300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  border:8px solid #fff;

}

.title {
  text-align:center;
  font-weight:600;
  padding-top:80px;
  padding-bottom:20px;
  letter-spacing:2px;
  font-size:28px;
  font-family:'Lato', Calibri, Arial, sans-serif;"
  color:black;
}

.message {
  font-size:18px;
  font-family: sans-serif;
  letter-spacing: 2px;
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:20px;
  line-height:25px;
  font-color:#fff;
  padding-left:20px;
  padding-right:20px;
  font-family:'Lato', Calibri, Arial, sans-serif;
}

a.address:hover {
  text-decoration: none;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption{
      display: none; 
    }

    .locations-bg {
    background-image:url("../images/locations-bg.jpg");
    margin:auto;
    height:160%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }


    .location-icon {
      display: block;
      margin-left:-50px;
      margin-right: auto;
    }

    .locations {
      padding-bottom:30px;
    }

    p.locations {
      width: 200%;
      margin-left:-100px;
    }

    .address {
      font-size: 16px;
    }





}