@font-face{font-family:osw;font-style:normal;font-weight:normal;src:url('fonts/oswald300.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:normal;src:url('fonts/openr.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:bold;src:url('fonts/openb.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:normal;src:url('fonts/openi.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:bold;src:url('fonts/openbi.woff') format('woff');}
@font-face{font-family:oswaldb; font-style:normal; font-weight:normal;src:url("fonts/oswald300.woff") format("woff");}
@font-face{font-family:open; font-style:normal; font-weight:normal;src:url("fonts/openr.woff") format("woff");}


*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;margin:0;overflow:auto;}
body{height:100%;margin:0;overflow:auto;font-size:100%;font-family:fnt,sans-serif; background-color:#fff;}

#contentbox{margin:10rem 1rem;}

body{
	font-family:fnt,sans-serif;
	font-size:100%;
	background-color:#fff;
}


.product-container {width:70%;margin-left:15%;margin-top:3em;}

h2 {
	font-family:osw;
	font-size:1.5em;
	margin-bottom: 0.3em;
}

h3 {
	font-family:open;
	font-size:1em;
	margin-bottom: 0.3em;
}

.curric-img {width:100%;}

.wide-img {width:100%;}
#wedding {width:100%;}

.curric-doc {width:24em;display:block;background-color: #B1D5DA;
padding: 1em;margin:1em;}

.curric-doc2 {width:24em;display:block;margin-left:20px; color:#000;}

.curric-doc3 {width:24em;display:block;background-color: #F4CFC6;
padding: 1em;margin:1em;}

.curric-doc4 {width:24em;display:block;background-color: #F4CFC6;
padding: 1em;margin:1em;}

.broch-doc {width:10em;display:block;background-color: #fff; border: solid 1px #EE5736;
padding: 1em;margin:2em;border-radius:4px;transition:0.4s;text-align:center;}

.broch-doc:hover {background-color: #F8DFD8;}

.curricp {font-size:0.9em;}

a {text-decoration:none;color:#EE5736;}

.subu-link {font-weight:bold;cursor:pointer;}

#curric-box {display:flex;flex-wrap:wrap;}

#chara-block {display:flex;flex-wrap:wrap;text-align:center;justify-content:center;}

.chara-box {width:12em;padding:0.5em;}

.chara-name {background-color:#e28007;width:100%;font-family:osw;color:#fff;}

.chara-descrip {font-size:0.8em;font-family:open; font-style:italic;}

.chara-img {width:100%;}

#brochures {display:flex;justify-content:center;flex-wrap:wrap;}

.guides {display:flex;justify-content:center;flex-wrap:wrap;}

#textbooks {display:flex;justify-content:center;flex-wrap:wrap;}

#textbooks img {width:14em;padding:1em;}

#differentiated {width:80%;padding-left:10%;}

#cult-imgs {display:flex;flex-wrap:wrap;justify-content:center;}

#mh-imgs {display:flex;flex-wrap:wrap;justify-content:center;}

.page1 {width:10em; padding:1em}
.page2 {width:20em; padding:1em}
.page3 {width:15em; padding:1em}

.guide-doc {width:20em;display:block;background-color: #fff; border: solid 1px #EE5736;
padding: 1em;margin:1em;border-radius:4px;transition:0.4s;text-align:center;}

.guide-doc:hover {background-color: #F8DFD8;}

#digi-learning {display:flex;justify-content:center;flex-wrap:wrap;}

#devices {width:40em;padding:2em;}

#devices img {width:100%;}

.pinkbut {background-color: #F8DFD8;color:#EE5736;font-family:oswald;font-weight:300;padding:1em;width:12em;display:block;font-size:1.3em;text-align: center;
  text-decoration: none;border-radius: 4px; border:none;margin:2em auto;transition:0.4s;}
  
.pinkbut:hover {background-color:#EE5736;color:#fff;cursor:pointer;}

.bold {font-weight:bold;}

#flex-cont {display:flex;flex-wrap:wrap;justify-content:center;margin-top:5em;}

#block1 {flex-grow: 2;flex-basis: 25em;}

#block1image {padding: 2em 0 0 1em; flex-grow: 1; flex-basis: 20em; max-width: 20em;}

#block1image img {width:100%;}

#block2 {flex-grow: 2;flex-basis: 25em;}

#block2image {padding: 2em 0 0 1em; flex-grow: 1; flex-basis: 20em; max-width: 20em;}

#block2image img {width:100%;}

#tracking {background-color:#F8DFD8;padding: 1em 2em; margin: 3em 0;}

#tracking-imgs {display:flex; flex-wrap:wrap; justify-content:center;}

.tracking-img {max-width:33em;padding:1em;}

.tracking-img img {width:100%;}

#tryfree {width: 100%;}