body {
  width:100%;
margin:0;
padding:0;
}

.jhb {
  background-image:url("images/JHB.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:bottom center;
  height:75vh;
  width:46%;
  display:flex;
  align-items:center;
  float:left;
  margin:1% 2% 0 2%;
  text-align:center;
}

.jhb:hover {
transform: scale(1.1);
transition:transform 2s;
}

.capetown {
  background-image:url("images/Cape-Town.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:bottom right;
  height:75vh;
  width:46%;
  display:flex;
  align-items:center;
  float:left;
  margin:1% 2% 0 2%;
  text-align:center;
}

.capetown:hover {
transform: scale(1.1);
transition:transform 2s;
}


h2 a {
  font-family:"Ubuntu";
  font-size:5vw;
  color:white;
  text-shadow:2px 2px 5px #00000080;
  margin-left:auto;
  margin-right:auto;
    text-decoration:none;
}

.logo {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  text-align:center;
  height:auto;
}

.logo img {
  height:150px;
}

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


  .logo {
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    height:auto;
    }
  .logo img {
      width:80vw;
      height:auto;
    }

  .jhb {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:30vh;
    width:100%;
    display:flex;
    align-items:center;
    float:left;
    margin:0%;
    text-align:center;
  }

  .capetown {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:30vh;
    width:100%;
    display:flex;
    align-items:center;
    float:left;
    margin:0;
    text-align:center;
  }
  h2 a {
      font-size:5vh;
      text-align:center;
  }
h2 {
  width:100%;
}

}