@font-face {
  font-family: "Montserrat-Black";
  src: url("../fonts/Montserrat-Black.otf");
}
@font-face {
  font-family: "MuseoSans-100";
  src: url("../fonts/MuseoSans-100.otf");
}
@font-face {
  font-family: "MuseoSans-300";
  src: url("../fonts/MuseoSans-300.otf");
}
@font-face {
  font-family: "MuseoSans-500";
  src: url("../fonts/MuseoSans-500.otf");
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans-700.otf");
}
@font-face {
  font-family: "MuseoSans-900";
  src: url("../fonts/MuseoSans-900.otf");
}
@font-face {
  font-family: "FuturaStd-ExtraBold";
  src: url("../fonts/FuturaStd-ExtraBold.otf");
}
@font-face {
  font-family: "SofiaPro-Black";
  src: url("../fonts/SofiaPro-Black.otf");
}
@font-face {
  font-family: "SofiaPro-Medium";
  src: url("../fonts/SofiaPro-Medium.otf");
}
@font-face {
  font-family: "SofiaPro-Bold";
  src: url("../fonts/SofiaPro-Bold.otf");
}
@font-face {
  font-family: "PalmerLakePrint-Regular";
  src: url("../fonts/PalmerLakePrint-Regular.otf");
}



body {
  margin: 0;
  padding: 0;
  font-family: "MuseoSans-300", sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #333333;
}

p {
  font-family: "MuseoSans-300", sans-serif;
  font-size: 17px;
  line-height: 25px;
 }

a {
color: #007FC4;
text-decoration: none;
}


h1 {
font-family: "MuseoSans-700", sans-serif;
font-size: 39px;
line-height: 42px;
margin: 0;
padding: 0;
}

h2 {
font-family: "SofiaPro-Black", sans-serif;
font-size: 46px;
line-height: 48px;
margin:0;
padding:0;
}

h3 {
font-family: "PalmerLakePrint-Regular", sans-serif;
font-size: 48px;
margin: 0;
padding: 0;
}

h4 {
font-family: "FuturaStd-ExtraBold", sans-serif;
font-size: 80px;
line-height: 80px;
margin: 0;
padding: 0;
}

h5 {
font-family: "MuseoSans-900", sans-serif;
font-size: 45px;
line-height: 50px;
margin: 0;
padding: 0;
}

h6 {
font-family: "FuturaStd-ExtraBold", sans-serif;
font-size: 80px;
line-height: 88px;
margin: 0;
padding: 0;
color: #fff;        
}

h7 {
font-family: "SofiaPro-Medium", sans-serif;
font-size: 38px;
line-height: 45px;
margin: 0;
padding: 0;
}
h8 {
font-family: "SofiaPro-Medium", sans-serif;
font-size: 28px;
line-height: 34px;
margin: 0;
padding: 0;
}
h9 {
font-family: "SofiaPro-Black", sans-serif;
font-size: 36px;
line-height: 45px;
margin:0;
padding:0;
}
h10 {
font-family: "SofiaPro-Bold", sans-serif;
font-size: 24px;
line-height: 25px;
margin: 0;
padding: 0;
}
h11 {
font-family: "MuseoSans-500", sans-serif;
font-size: 21px;
line-height: 24px;
margin: 0;
padding: 0;
}

/* Background Colors */
.graybg {background-color: #f1eeec;}
.darkgraybg {background-color: #9e9b9b;}
.lightgraybg {background-color: #F4F4F4;}
.yellowbg {background-color: #FFC734;}
.darkyellowbg {background-color: #e28e05;}
.lightyellowbg {background-color: #FCEF9E;}
.lightyellow2bg {background-color: #FFF4D7;}
.bluebg {background-color: #37a6de;}
.blue2bg {background-color: #5288FF;}
.blue3bg {background-color: #006ACD;}
.lightbluebg {background-color: #EDF4FF;}
.lightblue2bg {background-color: #ABCEFF;}
.greenbg {background-color: #19c267;}
.lightgreenbg {background-color: #E9F8F1}
.purplebg {background-color: #8b5bd6;}
.darkpurplebg {background-color: #59378e;}
.pinkbg {background-color: #FF809C;}
.lightpinkbg {background-color: #FFF1F5;}
.darkpinkbg {background-color: #FF92B2}
.pinkaccentbg {background-color: #FFC9D8}
.tealbg {background-color: #229E92;}
.lighttealbg {background-color: #7CD2A9;}
.fleshbg {background-color: #FFF2EA;}


/* Text Colors */
.red {color: #e4002b;}
.orangetxt {color: #d58503;}
.bluetxt {color: #006491;}
.blue2txt {color: #006ACD;}
.blue3graytxt {color: #ABCEFF;}
.whitetxt {color: #ffffff;}
.blacktxt {color: #000000;}
.greentxt {color: #1b7b47;}
.darkgreentxt {color: #006351}
.lightgreentxt {color: #E9F8F1;}
.purpletxt {color: #5f3393;}
.redtxt {color: #D11C24;}
.graytxt {color: #666666;}
.darkgraytxt {color: #333333;}
.lightgraytxt {color: #EDF4FF;} 
.plumtxt {color: #80005D;}
.orangetxt {color: #FF4D2C;}

.outer_container {display:flex; flex-direction:column; align-items: center; justify-content: center; margin: 0; padding: 0;}

.container {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#FFFFFF; overflow:hidden; max-width:1024px; padding:40px 20px 20px 20px;}
#brand {width:100%; height:70px; background-color:#e81111; background-image: url("img/scholastic_logo.png"); background-repeat:no-repeat; background-size: 174px auto; background-position: 30px center;}
#top {width:100%; height:90px; background-image: url("img/topbg.png"); background-size:auto 90px;}

.heading {padding:30px;}

#wistia {width:800px;}
#wistia .details h1 {font-size:14px !important; white-space: normal !important; line-height: 16px !important;}
/* #wistia-mobile {max-width:800px;} */


footer {display:flex; flex-direction:row; align-items:center; justify-content:left; flex-wrap:wrap; flex-grow:1; background-color:#333333; width:100%; min-height:108px; margin:30px 0 0 0; padding:0; font-family:"MuseoSans-300", sans-serif; color:#ffffff;}
footer .footer-block {display: flex; flex-wrap: wrap; padding: 0 0 0 60px;}
footer .logo {margin:5px 25px 0 0;}
footer .link {display: block;font-size: 13px; color: #ffffff; margin: 0 25px 0 0;padding: 0;}
footer a {border:none; color:#ffffff; text-decoration:none;}
footer .description {font-size:11px; margin-right:20px;}
footer .blue {color:#70a8f4;}
footer .white {color:#ffffff;}


#copyright {width: 100%;text-align: left;font-size: 12px;line-height: 14px;font-family: "MuseoSans-200", sans-serif;margin-left: 30px;padding: 30px;}


@media only screen and (max-width: 800px) {
  #wistia {max-width:600px;}
  /* .heading {font-size: 16px; line-height: 20px; padding: 12px;} */
  .heading {display:none;}
  }

@media only screen and (max-width: 600px) {
  #wistia {max-width:480px;}
  /* .heading {font-size: 16px; line-height: 20px; padding: 12px;} */
  .heading {display:none;}
  }