.cover-image{
    /* The image used */
  background-image: url("images/cover1.jpg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-image-top-layer{
    background-color:rgba(0, 0, 0, 0.4);
    height: 100%; 
}

.myheading1{
  font-size:4vw; 
  color:whitesmoke;
  text-align: center; 
  padding: 25px 0vh 0vh 0vh;
}

.myheading2{
  font-size:2vw;
  color:whitesmoke;
  text-align: center;
}

.mytext1{
  font-size:17px;
}

.about-section{
 background-color: white;
height:550px;
text-align: center;
align-content: center;
}


.iframe-cover{
    padding-top:5vh;
    display: inline-block;
    padding-bottom:5vh;
}

.myiframe{
  width:560px;
  height:315px;
}

#about-text{
  font-size: 2vw;
  color: gray;
}


#facebook-section{
  background-color:f0f0f0;
  height: 465px; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  align-content: center;

  font-size:3vw;
  color:white; 
 
  text-align: center; 
  padding: 5vh 0vh;
}


#youtube-section{
  height: 415px; 
  font-size:3vw; 
  
  background-color:white ;
  text-align: center; 
  padding: 5vh 0vh;
}


.footer{
  background-color:f0f0f0;
  align-content: center;
  text-align: center;
}

#footer-text{
  text-align: center;
  text-decoration: none;
  padding:20px;
}

#footer-text a{
  color:royalblue;
  text-decoration: none;
}

@media screen and (min-width: 1000px) {
  
}

@media screen and (max-width: 600px) {
  .myiframe{
      width:340px;
      height:315px;
  }

  .about-section{
    height:515px;
  }

  .mytext1{
    font-size:12px;
  }

  #about-text{
    font-size: 14px;
  }

}