@import url('https://fonts.googleapis.com/css?family=Eczar:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,700');

html, body{
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  background:#fff;
}

/* JS controls which slide is visible */
.mySlides{ display:none; }

/*#container{
  position:relative;
  width:100%;
  height:35vw;
  min-height:320px;
  max-height:680px;
  overflow:hidden;
}*/

#container {
    position: relative;
    width: 100%;
    height: 50vw;
    min-height: 2400px;
    max-height: 2680px;
    overflow: hidden;
}

#container1,#container2,#container3{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:left;
  background-size:cover;
}

/* YOU SUPPLY THESE IMAGES in landing-assets/img/ */
#container1{ background-image:url("../img/musicroom.jpg"); }
#container2{ background-image:url("../img/teacherstudent.jpg"); }
#container3{ background-image:url("../img/greenhouse.jpg"); }