@import url('https://fonts.googleapis.com/css?family=Barlow Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alegreya Sans&display=swap');

body{
  margin:0px;
  padding:0px;
  background-color: #f2e983;
}
.pageHeading{
  width:80%;
  text-align: center;
  font-family: Barlow Condensed;
  font-size: 50px;
  margin:30px auto;
}

.mainText{
  font-family: Alegreya Sans;
  font-size: 30px;
  width:60%;
  height: auto;
  margin: 30px auto;
}
.coursesText{
  font-family: Alegreya Sans;
  font-size: 30px;
  width:60%;
  margin: 20px auto;
}

.googleMap{
  width:40%;
  height:600px;
  float:right;
  margin:50px;
  border:1px solid black;
}

.googleMap iframe{
  width:100%;
  height:100%;
}

@media only screen and (max-width:800px){
  .googleMap{
    width:80%;
    float:none;
    margin:20px auto;
  }
  .coursesText,.mainText{
    width:90%;
  }
}