@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;}

.curric-doc5 {width:16em;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%;}

#samplepages {width:100%;background-image:url(images/b3samples.png);background-size: cover;
background-repeat: no-repeat;height:18em;  background-position: center;}

.unit {background-color: #F8DFD8; padding:1.5em 1em 1em 1em;display:flex;position:relative;flex-wrap:wrap;justify-content:space-around;margin:4em 0;}

.unithead {background-color: #EE5736; color: #fff; padding:0.5em;font-family:osw;
	font-size:1.5em;
	margin-bottom: 0.3em;display:block;position:absolute;top:-1.5em;left:-0.5em;}
	
.choice {width:30em;padding:0.2em;width:25%;}

.choice img {width:100%;}

.author {padding: 0 0.5em; background-color:#F8DFD8;width:30%;}
.wordss {padding: 0 0.5em;width:20%;text-align:center;}
.attr {padding: 0 0.5em;width:50%;background-color:#F8DFD8;}
.chapter {padding: 0 0.5em;width:15%;}

.unitdesc {padding:1em;width:75%;}

.sugg {background-color:#fff;padding:1em;width:100%;margin: 0.5em 0;}

.sugg table {font}

.sugg table th {background-color:#EE5736;color:#fff;}

.spacer {width:4em;}

.sugghead {font-family:osw;color:#EE5736;font-size:1.5em;}

#build-it-back {width:100%;}

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

#webinar-exp {width:20em;font-size:90%;}

#virtual-vid {width:30em;}