@font-face{font-family:open; font-style:normal; font-weight:normal;src:url("fonts/openr.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:normal;src:url("fonts/oswald.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:200;src:url("fonts/oswald200.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:300;src:url("fonts/oswald300.woff") format("woff");}
@font-face{font-family:oswaldb; font-style:normal; font-weight:normal;src:url("fonts/oswald300.woff") format("woff");}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


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


#block1 {margin-top:6em;display:flex;margin-left:2em;margin-left:2em;flex-wrap:wrap;}

#block1b {margin-top:0;display:flex;margin-left:2em;margin-left:2em;flex-wrap:wrap;}

#strapline {flex-grow:2;}

#strap1 {display:block;font-family:open;color:#000;font-weight:bold;font-size:2em;}
#strap2 {display:block;color:#EE5736;font-size:2em;font-family: 'Open Sans', sans-serif; font-weight:300;}

#tryit-buttons {flex-grow:1;}

#bookicons {flex-grow:1;}

.bookicon {width:12em;box-shadow: 3px 3px 3px #9B5736;margin:0.5em;}

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

#suburani-ppl {width:100%;background-image:url(images/all-characters-new2.jpg);background-size: cover;
background-repeat: no-repeat;height:13em;  background-position: center;}


#block2 {background-color:#F8DFD8; width:100%;display:block;font-family:open;color:#000;font-weight:bold;margin-bottom:2em;}

#block2strap {text-align:center; font-size:2em;padding:1em 0;}

#block2-3 {display:flex;flex-wrap:wrap;justify-content:center;gap:0 10em;}

.three-icon {width:16em;padding-bottom:2em;}

.three-icon img {width: 60%;padding-left: 20%;}

.three-icon-ttl {text-align:center;font-size: 1.2em;font-family:open; display:block;padding:0.5em;}

.three-icon-expl {text-align:center;font-size: 0.9em;font-family: 'Open Sans', sans-serif; font-weight:300; display:block;}

.brochure img {height:21em;}

#brochures {width:50%; margin-left:25%;display:flex;flex-wrap:wrap;justify-content:space-around;}

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


#request {width:100%; display:flex; justify-content:center;}

#saying {width:100%; display:flex; justify-content:center;gap:4em;flex-wrap:wrap;}

#sayingstrap  {text-align:center; font-size:2em;padding:2em 0;font-family: 'Open Sans', sans-serif; font-weight:600;display:block;}

.say {width:16em;padding:3em 2em;font-size:1em; font-family: 'Open Sans', sans-serif; font-weight:300; position:relative;background-color:#F8DFD8;border-radius: 18px;}

.quote {position:absolute; top:-1em;left:-1em;width:3.5em;}