/* page-template */


body {
background-color:#f1f1f2;
font-family: 'Oswald', sans-serif;
color:#404041;
font-size:12px;

}
p{margin-bottom: 0px; }
/* general */
.guide-container{
  margin: 0 auto;
  width:814px;
}
.guide-header {
  background-color: #fff;
  height: 58px;
  padding:5px 0px 0px 0px; 
}
.greychp9{
  background-image: url(../images/chp9/grey.svg);
  background-repeat:no-repeat;
  height: 153px;
  width: 778px;
}
.spacer-author{margin-top: 15px;}
.greychp9-text{position: absolute; font-weight:400; color: #fff; top:20px; width:70%; left:15px;}
.dudech9{top:-150px;}
.dots {
  margin-top:-5px;
  background-image: url(../images/grey-dot.svg);
  background-repeat:repeat-x;
  width:100%;
  height: 8px;
}
.intro-image{
    margin-top:-55px;
    margin-left: 10px;
}
.banner-text {
  position: absolute;
  top:300px;
  left:350px;
  font-size: 55px;
  font-weight: 700;
  color: #c92626;
  text-shadow: 5px -1px 0px rgba(241, 241, 242, 1);
}
.banner-image {
  position: absolute;
  top:480px;
  right:0px;
}
.grey-guychp9{
  background-image: url(../images/chp9/grey-guy.jpg);
  background-repeat:no-repeat;
  height: 440px;
}
.grey-guychp9-text{position: absolute; top:15px; left:250px; width:270px; font-size: 18px;}
.banner-text2 {
  position: absolute;
  top:481px;
  right:50px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.banner-text3 {
  position: absolute;
  bottom:15px;
  right:90px;
  font-size: 20px;
  font-weight: 700;
  color: #404041;
}

.squire {
  background-image: url(../images/squire.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  max-width: 367px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  color: #c92626;
  height:57px;
  margin: 0 auto;
}
.squire-big-orange-awsome, .squire-big-green-awsome, .squire-big-green2-awsome, .squire-big-yellow-awsome  {
  background-image: url(../images/chp11/big-squire-orange.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  max-width: 500px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #c92626;
  height:94px;
  margin-left:45px;
}
.squire-big-orange-awsome-text{
  padding-top: 5px;
  color: #fff;
  line-height: 24px;
  font-weight: 400;
  margin: 0 auto;
}
.squire-big-green-awsome {
  background-image: url(../images/chp11/big-squire-green.svg);
  }
.squire-big-green2-awsome {
  background-image: url(../images/chp11/big-squire-green2.svg);
  }
.squire-big-yellow-awsome {
  background-image: url(../images/chp11/big-squire-yellow.svg);
  }
.greenthingychp11{
  background-image: url(../images/chp11/green-box.svg);
  background-repeat:no-repeat;
  height:192px;
  width: 777px;
}
.greenthingychp11-text{position: absolute; top:37px; left:55px; font-size: 18px; color:#03665c; font-weight: 400; width:70%; }
.greychp11{
  background-image: url(../images/chp11/grey.jpg);
  background-repeat:no-repeat;
  height:653px;
}
.idea-upside{position: absolute; bottom: -415px; right:55px;}
.public-tran{margin-top:-44px;}
.public-tran1{margin-top:-40px;}
.greenboxchp9{
  background-image: url(../images/chp9/green-bix.svg);
  background-repeat:no-repeat;
  height: 98px;
  width: 523px;
}
.greenboxchp9-text{
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  width: 500px;
}
.squire-green-big {
  background-image: url(../images/chp7/big-squire.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  max-width: 715px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  height:89px;
  padding-top: 12px;
}

.squire-green, .squire-orange, .squire-red, .squire-yellow, .squire-greenish, .squire-greenother {
  background-image: url(../images/squire-green.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  max-width: 458px;
  font-size: 18px;
  font-weight: 200;
  text-align: center;
  color: #fff;
  height:57px;
}
.greychp13{
  background-image: url(../images/chp13/grey.jpg);
  background-repeat:no-repeat;
  height: 309px;
}
.dude13{top: 140px;}
.hanging-chp13{position: absolute; right:40px; bottom: 14px;}
.idea-chp13{position: absolute; right: 5px; bottom: -32px;}
.big-arrow-dude{right:15px; bottom:-80px;}
.demon{position: absolute; top: -245px; left:135px;}
.squire-orange {background-image: url(../images/squire-orange.svg);}
.squire-red {background-image: url(../images/squire-red.svg);}
.squire-yellow {background-image: url(../images/squire-yellow.svg);}
.squire-greenish {background-image: url(../images/squire-greenish.svg);}
.squire-greenother {background-image: url(../images/squire-greenother.svg);}
.in-the-city {
  background-image: url(../images/in-the-city.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  line-height: 24px;
  padding-left: 220px;
  color: #404041;
  height:118px;
  padding-top: 25px;
  margin-bottom: -25px;
}
.in-the-city2 {
  background-image: url(../images/in-the-city2.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #404041;
  height:118px;
  line-height: 24px;
  padding-left: 220px;
}
.phonechp13{bottom: -25px!important; z-index: 99;}
.arrow-yellow{position: absolute; top: -11px; right:93px;}
.greychp132{
  background-image: url(../images/chp13/grey2.jpg);
  background-repeat:no-repeat;
  height: 874px;
}
.in-the-citybig {
  background-image: url(../images/chp3/in-the-citybig.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #404041;
  height:202px;
  line-height: 24px;
}
.minusthinggy{ margin-top:-4px;}
.in-the-city-textbig{position: absolute; left:240px; top:15px;}
.intro-papertext{
  position: absolute;
  left:25%;
  top: 28%;
  font-family: 'Rock Salt', cursive;
  color: #939597;
  font-size: 25px;
}
.intro-papertext11{
  left:18%;
  top: 17%;
  font-size: 25px;
  line-height: 37px;
}
.intro-papertext15{left: 17%;}
.violet15{bottom: -140px!important; z-index: 99;}
.intro-papertext3{left:18%;}
.intro-papertext4{top:85px; line-height: 32px !important;}
.intro-papertext5{top:85px; line-height: 32px !important; left: 15%;}
.intro-papertext8{
  left:25%;
  top: 20%;
  font-size: 25px;
  line-height: 42px;
}
.two-color_line {
  background-image: url(../images/two-color_line2.svg);
  background-repeat:repeat-y;
  margin-top: -4px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.red-tooth {
  background-image: url(../images/red-tooth.svg);
  background-repeat:repeat-x;
  margin-top: -4px;
  height: 9px;
}
.red-tooth2 {
  background-image: url(../images/red-tooth2.svg);
  background-repeat:repeat-x;
  margin-top: -4px;
  height: 17px;
}
.box-nr{
  position: relative; 
  width: 103px; 
  height: 73px; 
  background-image: url(../images/left-box.svg);
  margin-left: -24px; 
  padding-top: 10px;
}
.box-nr2{
  position: relative; 
  width: 103px; 
  height: 73px; 
  background-image: url(../images/right-box.svg);
  margin-right: -24px; 
  padding-top: 10px;
}
.number{ 
  position: absolute; 
  left: 45px; 
  margin-top: -15px; 
  font-size: 45px; 
  color: #c92626;
  font-weight: 200;
}
.number2{ 
  position: absolute; 
  left: 25px; 
  margin-top: -15px; 
  font-size: 45px; 
  color: #c92626;
  font-weight: 200;
}
.beer{
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 207px;
}
.bulb-guy{
  position: absolute;
  bottom: 0px;
  right: 50px;
  max-width: 220px;
}
.hanging14{position: absolute; top: 57px; left:180px;}
.text-or-padchp13{padding-top: 15px;}
.bookman{ bottom:-10px;}
.phone-guy {z-index:99; bottom:-14px;}
.eye{right:100px;}
.bulb-orange{width:100%; max-width: 513px;}
.beers{
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-width: 265px;
}
.glass-abs{margin-top:274px; margin-left:-15px;}
.hi{
  position: absolute;
  bottom: -50px;
  right: 65px;
  max-width: 120px;
}
.notebook {
  background-image: url(../images/chp1/notebook.png);
  background-repeat:no-repeat; 
  height: 1305px;
}
.hanging-guy {
  background-image: url(../images/chp1/hanging-guy.svg);
  background-repeat:no-repeat;
  position: absolute;
  top:34px;
  left:20px;
  height: 239px;
  width: 100%;
}
.greychp12{
  background-image: url(../images/chp12/grey.jpg);
  background-repeat:no-repeat;
  height: 407px;
}
.black-box-chp12{
  background-image: url(../images/chp12/black-box.svg);
  background-repeat:no-repeat;
  height: 203px; 
  width: 772px;
}
.hangingchp12{position: absolute; top:330px; right:85px;}
.grey2chp12{
   background-image: url(../images/chp12/grey2.jpg);
  background-repeat:no-repeat;
  height: 697px; 
}
.black-box-chp12-text{position: absolute; top:10px; left: 60px; color: #fbaf3f; font-weight: 400; font-size: 20px; line-height: 24px;}
.rule8{position: absolute; top:-484px; right:10px;}
.rule11{bottom: -140px; z-index: 99;}
.legs{position: absolute; right: 0px; top:290px;}
.bulby{bottom:-65px; left:185px;}
.camera{bottom:-103px; left:305px;}
.spacer-under-table{height: 132px;}
.big-glass{position: absolute;left: -40px; top:-97px;}
.big-glass2{position: absolute;right: 0px; top:-62px;}
.big-glass3{top:124px;}
.hanging-guy-text{font-size: 20px; font-weight: 700;
padding-left: 70px;
padding-top: 50px;}
.red-city-text{position: absolute; top:15px;}
.big-green-text{ color: #00a79d; top:5px; left: 150px; position: absolute; font-size: 23px; line-height: 27px;}
.big-green-text2{width:65%; color: #fff; top:120px; left: 35px; position: absolute; font-size: 20px; line-height: 22px; font-weight: 200}
.stripes {
  background-image: url(../images/chp1/stripe.svg);
  background-repeat:repeat-y;
}
.sub-chapter-orange {
  background-image: url(../images/chp1/sub-chpt-orange.svg);
  font-size: 18px;
  color: #fff;
  max-width: 412px;
  height: 57px;
}
.sub-chapter-orange-big {
  background-image: url(../images/chp5/sub-chpt-orange-big.svg);
  font-size: 18px;
  color: #fff;
  max-width: 436px;
  height: 94px;
}
.sub-chapter-yellow-long, .sub-chapter-red-long {
  background-image: url(../images/chp15/sub-chpt-yellow-long.svg);
  font-size: 18px;
  color: #fff;
  max-width: 531px;
  height: 57px;
}
.sub-chapter-red-long{
  background-image: url(../images/chp15/sub-chpt-red-long.svg);
  }
.sub-chapter-green-long-fat, .sub-chapter-orange-long-fat {
  background-image: url(../images/chp15/sub-chpt-green-long-fat.svg);
  font-size: 18px;
  color: #fff;
  max-width: 531px;
  height: 94px;
}
.sub-chapter-orange-long-fat {
  background-image: url(../images/chp15/sub-chpt-orange-long-fat.svg);
  }
.sub-chapter-text-fat{line-height: 24px;}
.black-box-chp15{
    background-image: url(../images/chp15/black-box.svg);
    background-repeat:no-repeat;
    height: 154px;
    margin-left: 10px;
}
.black-box-chp15-text{
  position: absolute;
  top:10px;
  left: 37px;
  color: #fbaf3f;
  font-size: 20px;
  font-weight: 100;
  line-height: 24px;
}
.table15{margin-top: 11px;}
.grey-box{
    background-image: url(../images/chp1/grey-box.svg);
    background-repeat:no-repeat;
    height: 193px;
    margin-left: 20px;
}
.orangechp5-box{
    background-image: url(../images/chp5/orange-box.svg);
    background-repeat:no-repeat;
    height: 157px;
    margin-left: 20px;
}
.orangechp5-box2{
    background-image: url(../images/chp5/orange-box2.svg);
    background-repeat:no-repeat;
    height: 252px;
    margin-left: 20px;
}
.sit{position: absolute; top:-210px; right: 118px;}
.sit2{position: absolute; top:-230px; right: 50px;}
.sitter{position: absolute; top:-260px; right: 68px;}
.grey-box-small{
    background-image: url(../images/chp2/grey-box-small.svg);
    background-repeat: no-repeat;
    height: 92px;
}
.orange-box98 {
  background-image: url(../images/chp1/orange-box.svg); 
  height:248px;
  margin-left: 20px;
  background-repeat:no-repeat;
}
.couple2{bottom: 35px;}
.greenish-box{background-image: url(../images/chp3/box-greenish.svg); background-repeat: no-repeat; height: 177px; } 
.greenish-box-text{margin-left: 25px; padding-top: 35px; font-size: 18px; line-height: 26px;}
.small-guy{bottom: 18px; right:0px;}
.paperpad{margin-left: 40px;}
.next-bulb{top:-157px; right:0px; max-width:150px;}
.pad-under-nr{padding-left: 65px;}
.nr-right-green1{position: absolute; top:-25px; left:-20px;}
.nr-right-green2{position: absolute; top:65px; left:-20px;}
.nr-right-green3{position: absolute; top:155px; left:-20px;}
.squire-under-titile{font-weight: 700; color: #c92626; margin-top: -15px; padding-left: 80px;}
.squire-under-titile2{font-weight: 700; color: #c92626; margin-top: -15px; padding-left: 75px;}
.squire-under-titile3{font-weight: 700; color: #c92626; margin-top: -15px; margin-left: -315px; text-align: center; }
.squire-under-titile4{font-weight: 700; color: #c92626; margin-top: -15px; padding-left: 90px;}
.sub-chapter-text{padding-left: 45px; padding-top: 5px;}
.sub-chapter-text-big{padding-left: 45px; padding-top: 3px; line-height: 24px;}
.book-guy{position: absolute; right: 10px;}
.book-guy2{position: absolute; right: 10px; bottom: -100px;}
.book-guy3{position: absolute; right: 10px; bottom: -80px;}
.wise{position: absolute; top: -210px; right:40px;}
.width-red{width: 75px;}
.height240{height: 240px;}
.height140{height: 140px;}
.height1456{height: 154px;}
.height120{height: 120px;}
.height60{height: 60px;}
.height53{height: 53px;}
.dude{position: absolute; right: -35px; bottom: 32px;}
.sitting-lady{position: absolute; right: -150px; top:-167px;}
.idea{position: absolute; right:-167px; bottom: 30px; width:200px;}
.long-green{width: 99px; height: 1450px; margin-right: 120px; margin-top: 10px;}
.hanging-bulb{position: absolute; top:33px; right:460px;}
.shadow-overbox{    background-image: url(../images/chp6/shadow-overbox.svg);
    background-repeat:no-repeat;
    height: 16px;}
.grey-square{
    background-image: url(../images/chp1/grey-square.png);
    background-repeat:no-repeat;
    height: 685px;
}
.grey-square2{
    background-image: url(../images/chp6/grey.png);
    background-repeat:no-repeat;
    height: 674px;
}
.othergrey-box570{
    background-image: url(../images/chp3/grey-box.svg) !important;
    background-repeat:no-repeat;
    height: 132px;
}
.mridea{position: absolute; right: -172px; bottom:70px;}
.dlady{position: absolute; z-index: 999; right: 0px; bottom: 350px;}
.legman{margin-top: -162px;}
.widthnr {width:50px; text-align: center;}
.widthnr2 {width:50px; text-align: center; padding-top: 14px; color: #3a7b6e !important;}
.widthnr98{width:240px;}
.green-dress{right:300px;}
.red-dress{right:120px;}
.grey2chp11{
    background-image: url(../images/chp11/grey2.jpg) !important;
    background-repeat:no-repeat;
    height: 688px;
}
.bookerchp11{position: absolute; bottom: 146px; right:70px;}

.width3{width:3%;}
.width23{width:23%;}
.width30{width:30%;}
.width31{width:31%;}
.width35{width:35%;}
.width38{width:35%;}
.width40{width:40%;}
.width41{width:41%;}
.width45{width:45%;}
.width50{width:50%;}
.width59p{width:59.6%;}
.width60{width:60%;}
.width65{width:65%;}
.width66{width:66%;}
.width67{width:67%;}
.width70{width:70%;}
.width72{width:72%;}
.width75{width:75%;}
.width80{width:80%;}
.width82{width:82%;}
.width83{width:83%;}
.width85{width:85%;}
.width88{width:88%;}
.width90{width:90%;}
.width93{width:93%;}
.width95{width:95%;}
.width96{width:96%;}
.width97{width:97%;}
.width98{width:98%;}
.width100{width:100%;}

.nspacer0{margin-top: 0px;}
.nspacer01{margin-top: 2px;}
.nspacer{margin-top: 5px;}
.nspacer2{margin-top: 10px;}
.nspacer5{margin-top: 30px;}
.nspacer6{margin-top: 42px;}
.nspacer7{margin-top: 75px;}
.nspacer10{margin-top: 100px;}

.spacer2{padding-top: 10px;}
.spacer3{padding-top: 15px;}
.spacer4{padding-top: 20px;}
.spacer5{padding-top: 30px;}
.spacer6{padding-top: 40px;}
.spacer8{padding-top: 60px;}
.spacer32{padding-top: 180px;}

.pad-left-resp{margin-top: 0px;}

.resp-mar{margin-left: 25px;}
.resp-mar2{margin-left: 15px;}
.resp-pad2{padding-left: 15px;}

.diviya{position: absolute; right:5px; top:75px;}
.in-love{max-width: 250px;}
.otherwidthchp15{width: 400px;}
.ns98{margin-top: 10px!important;}
.orange-title{position: absolute; top:-24px; left:15px;}
.orange-title2{position: absolute; top:-24px; right:155px;}
.border-table{border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
.border-table2{border-right: 0px solid #fff; border-bottom: 2px solid #fff;}
.border-table6{border-left: 2px solid #fff;}
.inner-pad{padding-top:35px; padding-left: 31px; padding-bottom: 25px; }
.inner-pad9{padding-top:35px; padding-left: 39px; padding-bottom: 25px; padding-right: 90px; }
.inner-orange{padding: 35px;  padding-top: 18px;  padding-bottom: 18px; background-color: #fbaf3f; color: #404041; font-size: 20px; font-weight: 400;}
.reg-pad{padding: 8px;}
.reg-pad2{padding: 12px;}
.reg-pad3{padding: 18px;}
.reg-pad4{padding: 30px;}
.heightt4{height: 185px;}
.heightt1{height: 65px;}
.heightt3{height: 155px;}
.lh-end{line-height: 25px!important; }

.pad-left5{padding-left: 5px;}
.pad-left10{padding-left: 10px;}
.pad-left20{padding-left: 20px;}
.pad-left30{padding-left: 30px;}

.pad-right20{padding-right: 20px;}
.pad-right40{padding-right: 40px;}

.pin16{position: absolute; left: 50%; top:-35px;}
.bottom70{bottom: 70px;}
.light{font-weight: 200;}
.reg{font-weight: 400;}
.bold{font-weight: 700;}

.hang13{top:-300px; position: absolute; right: 0px;}
.two-fingers{position: absolute; right: -30px; bottom:-70px;}
.small-guy2{top:-60px; right:250px;}
.idea-guy{position: absolute; top:112px;}
.hang{top:0px; position: absolute; right: 20px;}
.clearfix {clear: both;}
.abs {position: absolute;}
.rel {position: relative;}
.img-responsive {width:100%; height:auto;}
.right {text-align: right;}
.center {text-align: center;}
.inline {display: inline-block;}
.pull-right{float:right;}
.pull-left{float:left;}
.no-float{margin: 0 auto;}
.break{    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; /* or "manual" */}
.img-down{position: absolute; bottom: -5px; right:30px;}
.lh{line-height: 28px;}
.lh2{line-height: 24px;}
.lh3{line-height: 40px;}
.lh4{line-height: 26px;}
.round-left {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.dotted {
  background-image: url(../images/dotted.svg);
  background-repeat:repeat-x;
  color: #fff;
  height: 1px;
}
.dotted-white {
  background-image: url(../images/dotted-white.svg);
  background-repeat:repeat-x;
  color: #fff;
  height: 1px;
}
.diftextabs{position: absolute; top:-95px;}
.under-squire{width:350px; position: absolute; top:-45px; left:52px;}
.under-squire-big{width:530px; position: absolute; top:-68px; left:90px;}
.orange-box-pad{margin-top: -10px;}
.green-top-bulb{position: absolute; top:-90px; right:170px;}
.under-squire-bigs{
  background-image: url(../images/chp7/under.svg);
  background-repeat:no-repeat;
  max-width: 890px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  height: 80px;
  margin-top: -98px;
}
.under-squire-big-text{padding-left: 45px;   color: #fff; top:40px; position: absolute;}
.large{font-size:18px;}
.big{font-size:20px;}
.bigger{font-size:25px;}
.awsome{font-size:42px;}

.white{color:#fff;}
.greyish{color:#f1f1f2;}
.black{color:#404041;}
.blackish{color: #231f20;}
.red{color:#c92626;}
.red2{color:#ef4036;}
.light-green{color:#8cc63e;}
.green{color:#3a7b6e;}
.green2{color:#00a79d;}
.green4{color: #8cc63e;}
.green5{color: #068478;}
.green9{color: #03665c;}
.orange {color: #f05a28;}
.orange2{color:#f7931d;}
.orange3{color:#fbaf3f;}
.brown{color:#744c28;}
.yellow{color:#fbaf3f;}

.idea-biger{bottom: -154px; right: 0px; z-index: 99;}
.big-border-bottom{border-bottom: 5px solid #404041;}
.hanging-dude989{position: absolute; top:-5px; right: 50px;}

.back-dark{background-color: #404041;}
.back-light-brown{background-color: #c2b49a; color: #fff;}
.back-light-brown2{background-color: #9a8478; color: #fff;}
.back-light-brown3{background-color: #9d917d; color: #fff;}
.back-light-brown4{background-color: #e2d0b5;}
.back-light-brown5{background-color: #e7dbc8;}
.back-brown{background-color: #594a41;}


.back-red{background-color: #c92626; color: #fff;}
.back-red2{background-color: #a32324; color: #fff;}
.back-red3{background-color: #931e1e; color: #fff;}
.back-green2{background-color: #00a79d;}
.back-green3{background-color: #068478;}
.back-green5{background-color: #53a89a;}
.back-green6{background-color: #58b2a3;}
.back-green7{background-color: #3a7b6e;}
.back-white{background-color: #fff;}
.back-grey {background-color: #d1d2d4; position: relative;}
.back-grey-light {background-color: #f1f1f2; position: relative;}
.back-grey-light2 {background-color: #e6e7e8; position: relative;}
.back-yellow{background-color: #f7931d; position: relative;}
.back-red{background-color: #c92626; position: relative;}
.back-orange{background-color: #f05a28; color: #fff;}
.back-orange2{background-color: #fbaf3f;}
.back-orange4{background-color: #ef4036;}
.back-orange5{background-color: #f05a28;}
.back-orange58{background-color: #f7931d;}


.back-paper{  
  background-image: url(../images/chp16/paper.svg);
  background-repeat:no-repeat;
  height: 287px;
  width: 488px;
  position: absolute;
  top:-30px;
  left: 50px;
}
.back-paper-text{position: absolute; top:50px; left:120px; font-size: 20px; color: #f1f1f2; font-weight: 400;}
.height-backside{height: 231px;}
.booki16{position: absolute; right: 10px; bottom: -97px;}
.green-guy216{position: absolute; right: 10px; bottom: -2px;}
.right-guy-chp16{position: absolute; left: 503px; top:20px;}
.phone-guy{z-index: 99; bottom: -22px;}
.ideachp10{position: absolute; top:-20px; z-index: 99;}
.spacerdiff{margin-top: 150px;}
.greychp10{
  background-image: url(../images/chp10/grey.jpg);
  background-repeat:no-repeat;
  height: 610px;
  }
.greychp14{
  background-image: url(../images/chp14/grez.jpg);
  background-repeat:no-repeat;  
  height: 494px;
}
.green-box-chp14{
  background-image: url(../images/chp14/green-box.svg);
  background-repeat:no-repeat;  
  height: 258px;
  margin-left: 10px;
}
.green-box-chp14-text{
  position: absolute;
  top:25px;
  left: 20px;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  width: 70%;
}
.thinkerchp9{bottom: -46px;}
.black-left {
  background-image: url(../images/chp7/black-left.svg);
  background-repeat:no-repeat;
  max-width: 380px;
  font-size: 25px;
  color: #f7931d;
  font-weight: 400;
  height: 81px;
}
.black-left-text{padding-left: 45px; padding-top: 37px;}
.height980{height: 200px;}
.height9801{height: 310px;}
.ideachp9{bottom: -14px; z-index: 99;}

a.red-link:link {color:#c92626; text-decoration: none;}  
a.red-link:visited {color:#c92626; text-decoration: none;}  
a.red-link:hover {color:#aa1111; text-decoration: none;}  
a.red-link:active {color:#c92626; text-decoration: none;}

a.black-link:link {color:#404041; text-decoration: none;}  
a.black-link:visited {color:#404041; text-decoration: none;}  
a.black-link:hover {color:#1d1d1e; text-decoration: none;}  
a.black-link:active {color:#1d1d1e; text-decoration: none;}

a.green-link:link {color:#00a79d; text-decoration: none;}  
a.green-link:visited {color:#00a79d; text-decoration: none;}  
a.green-link:hover {color:#087066; text-decoration: none;}  
a.green-link:active {color:#087066; text-decoration: none;}

.line{margin-left: -1px;}
.line-side{height:10px; background-color:#d1d3d4; width:765px;}
.mg{
  background-image: url(../images/chp10/mg.svg);
  background-repeat:no-repeat;
  height: 330px;
  margin-top: -90px;
}
.spacermg{padding-top: 100px;}

/* chapters */
.intro {
  background-image: url(../images/into.svg);
  background-repeat:no-repeat;
  width:100%;
  min-height:71px;
  position: relative;
}
.intro-right {
  background-image: url(../images/intro-right.svg);
  background-repeat:no-repeat;
  width:100%;
  min-height:137px;
  right:0px;
  position: relative;
}
.chapter1, .chapter2, .chapter3, .chapter4, .chapter5, .chapter6, .chapter7, .chapter8, .chapter9, .chapter10, .chapter11, .chapter12, .chapter13, .chapter14, .chapter15, .chapter16 {
  background-repeat:no-repeat;
  width:100%;
  min-height:137px;
  position: relative;
}
.chapter1 {background-image: url(../images/chapter1.svg);}
.chapter2 {background-image: url(../images/chapter2.svg);}
.chapter3 {background-image: url(../images/chapter3.svg);}
.chapter4 { background-image: url(../images/chapter4.svg);}
.chapter5 {background-image: url(../images/chapter5.svg);}
.chapter6 {background-image: url(../images/intro-right2.gif);}
.chapter7 {background-image: url(../images/chapter7.svg);}
.chapter8 {background-image: url(../images/chapter8.svg);}
.chapter9 {background-image: url(../images/chapter9.svg);}
.chapter10 {background-image: url(../images/chapter10.svg);}
.chapter11 {background-image: url(../images/chapter11.svg);}
.chapter12 {background-image: url(../images/chapter12.svg);}
.chapter13 {background-image: url(../images/chapter13.svg);}
.chapter14 {background-image: url(../images/chapter14.svg);}
.chapter15 {background-image: url(../images/chapter15.svg);}
.chapter16 {background-image: url(../images/chapter16.svg);}

.top-chapter-title, .top-chapter-title2, .top-chapter-title3, .top-chapter-title4, .top-chapter-title5, .top-chapter-title6, .top-chapter-title7, .top-chapter-title8, .top-chapter-title9, .top-chapter-title10, .top-chapter-title11, .top-chapter-title12, .top-chapter-title13, .top-chapter-title14, .top-chapter-title15, .top-chapter-title16{
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  max-width: 647px;
  font-size: 44px;
  font-weight: 700;
  text-align: center;
  color: #c92626;
  height:299px;
  margin: 0 auto;
}
.top-chapter-title{background-image: url(../images/chp1/top-image.svg);}
.top-chapter-title2{background-image: url(../images/chp2/top-image.svg);}
.top-chapter-title3{background-image: url(../images/chp3/top-image.svg);}
.top-chapter-title4{background-image: url(../images/chp4/top-image.svg);}
.top-chapter-title5{background-image: url(../images/chp5/top-image.svg);}
.top-chapter-title6{background-image: url(../images/chp6/top-image.svg);}
.top-chapter-title7{background-image: url(../images/chp7/top-image.svg);}
.top-chapter-title8{background-image: url(../images/chp8/top-image.svg);}
.top-chapter-title9{background-image: url(../images/chp9/top-image.svg);}
.top-chapter-title10{background-image: url(../images/chp10/top-image.svg);}
.top-chapter-title11{background-image: url(../images/chp11/top-image.svg);}
.top-chapter-title12{background-image: url(../images/chp12/top-image.svg);}
.top-chapter-title13{background-image: url(../images/chp13/top-image.svg); font-size: 40px;}
.top-chapter-title14{background-image: url(../images/chp14/top-image.svg); font-size: 40px;}
.top-chapter-title15{background-image: url(../images/chp15/top-image.svg); font-size: 40px;}
.top-chapter-title16{background-image: url(../images/chp16/top-image.svg); font-size: 40px;}
.top-chapter-text{
  position: absolute;
  top: 130px;
  left: 370px;
  font-size: 30px;
  color: #c92626;
  font-weight: 200; 
  line-height: 24px;
  text-align: center;
}
.tct8{ left: 420px;}
.tct9{ left: 400px;}
.top-chapter-text2{left: 400px;}
.top-chapter-text3{left: 380px !important;}
.chapter-title{
  position: absolute;
  left:115px;
  bottom: 5px;
  font-weight: 200;
  line-height:15px;
}

.chapter-title-right-intro{
  position: absolute;
  right:115px;
  bottom: 5px;
  font-weight: 200;
  line-height:15px;
}
.tct13{left: 380px;}
.brown-girl{position: absolute; top: -40px; left: 40px;}
.intro-papertext16{top:20%;}
.hang16{position: absolute; right:30px; top:-11px;}
.grey16{
  background-image: url(../images/chp16/grey.jpg);
  background-repeat: no-repeat;
  height: 480px;
}
.dude-chp16{position: absolute; top:-36px; right: 75px;}
.text-guy{padding-left: 45px;}




/* media query IPAD */
@media screen and (max-width: 770px) {
.eye-contact{max-width: 200px;}
.book-guy{bottom: -100px;}
.font770{font-size: 16px;}
.long-green{width: 99px; height: 1455px; margin-right: 66px; margin-top: 10px;}
.hi{right: 15px;}
.red-city-text{font-size: 18px!important; top:15px;}
.squire-under-titile3{margin-left: -275px;}
.guide-container{
  margin: 0 auto;
  width:760px;
}
.spacer-author{margin-top: 0px;}
.width100768 {width: 90%;}
.banner-text {
  left:330px;
  font-size: 52px;
}
.in-the-city, .in-the-city2 {
  max-width: 768px;
  font-size: 16px;
  padding-left: 0px;
}
.in-the-city {background-image: url(../images/in-the-city768.svg);}
.in-the-city2 {background-image: url(../images/in-the-city768.svg);}
.line-height770{line-height: 27px; }
.in-the-city-text{position: absolute; left:220px;}
.height140{height: 180px;}
.width768{width:72%;}
.line{margin-left: -1px;}
.line-side{height:10px; background-color:#d1d3d4; width:701px;}
.big-glass{position: absolute;left: -40px; top:-91px; max-width:770px;}
.top-chapter-text3{left: 350px !important;}
.big-glass3{top:151px;}
.idea-guy{top:113px;}
.sit2{position: absolute; top:-230px; right: 30px;}
.couple2{bottom: 65px; right:10px;}
.proposal{right:10px;}
.notechp6{background-image: url(../images/chp6/notebook770.jpg)!important; height: 4540px!important;}
.notechp7{background-image: url(../images/chp7/note770.jpg)!important; height: 1860px!important;}
.note8{background-image: url(../images/chp8/note770.jpg)!important; height:1201px!important;;}
.minusthinggy{ margin-top:-15px !important;}
.glass-abs{margin-top:324px; margin-left:-45px; max-width: 770px;}
.bubbles, .couple-green{max-width: 210px;}
.idea-biger{bottom: -182px; right: 0px; z-index: 99;}
.red-dress{right:90px;}
.ipadspaceronly{height: 1850px !important;}
.intro-papertext8{left:20%;}
.tct9 {left: 365px;}
.couplechp92, .rule12{max-width:190px; }
.height9801 {height: 345px;}
.note9{background-image: url(../images/chp9/note770.jpg)!important; height:752px!important;}
.couplechp10, .jolo, .barchp14{max-width:200px; }
.intro-papertext11{line-height: 34px;}
.sitter {right: 48px;}
.greenthingychp11-text {left: 25px;}
.phone-guy{right: 10px;}
.bookerchp11 {bottom: 159px;}
.black-box-chp12-text{left:35px;}
.hangingchp12{top:314px;}
.tct13 {    left: 360px;}
.intro-papertext13{left: 20%;}
.hanging-chp13 {  bottom: 70px;}
.notebook14{background-image: url(../images/chp14/note770.jpg)!important; height:890px!important;}
.dude-chp16 {
    position: absolute;
    right: 75px;
    top: -46px;
}
.right-guy-chp16 {left: 469px;}
.height1456{height: 154px;}
}



@media screen and (max-width: 600px) {
.width59p{width:59.2%;}
}

/* media query Iphone5 */
@media screen and (max-width: 570px) {
.dlady{ bottom: 650px;}
.height980{height: 270px;}
.brown-girl {left: 10px;top: -10px;}
.helman{max-width: 130px !important;}
.sit{position: absolute; top:-210px; right: 38px;}
.sit2 {right: 30px;top: -160px; max-width: 150px;}
.small-guy2 {right: 200px;top: -60px;}
.two-fingers {bottom: -55px;right: -30px; width:200px;}
.orangechp5-box2{
    background-image: url(../images/chp5/orange-box2570.svg);
    height: 282px;
    margin-left: 20px;
}
.top-chapter-title, .top-chapter-title2, .top-chapter-title3, .top-chapter-title4, .top-chapter-title5, .top-chapter-title6, .top-chapter-title7, .top-chapter-title8, .top-chapter-title9, .top-chapter-title10, .top-chapter-title11, .top-chapter-title12, .top-chapter-title13, .top-chapter-title14, .top-chapter-title15, .top-chapter-title16{
  font-size: 34px;
  height:264px;
}
.top-chapter-title{background-image: url(../images/chp1/top-image567.svg);}
.top-chapter-title2{background-image: url(../images/chp2/top-image2567.svg);}
.top-chapter-title3{background-image: url(../images/chp3/top-image570.svg);}
.top-chapter-title4{background-image: url(../images/chp4/top-image570.svg);}
.top-chapter-title5{background-image: url(../images/chp5/top-image570.svg);}
.top-chapter-title6{background-image: url(../images/chp6/top-image570.svg);}
.top-chapter-title7{background-image: url(../images/chp7/top-image570.svg);}
.top-chapter-title8{background-image: url(../images/chp8/top-image570.svg);}
.top-chapter-title9{background-image: url(../images/chp9/top-image570.svg);}
.top-chapter-title10{background-image: url(../images/chp10/top-image570.svg);}
.top-chapter-title11{background-image: url(../images/chp11/top-image570.svg);}
.top-chapter-title12{background-image: url(../images/chp12/top-image570.svg);}
.top-chapter-title13{background-image: url(../images/chp13/top-image570.svg);}
.top-chapter-title14{background-image: url(../images/chp14/top-image570.svg);}
.top-chapter-title15{background-image: url(../images/chp15/top-image570.svg);}
.top-chapter-title16{background-image: url(../images/chp16/top-image570.svg);}
.top-chapter-text{
  top: 130px;
  left: 260px;
}
.top-chapter-text2{left: 285px;}
.intus{font-size: 14px!important; top:30px!important;}
.beer{max-width: 170px;}
  .banner-text {
  top:260px;
  left:210px;
  font-size: 36px;
}
.banner-text2 {
  top:390px;
  right:50px;
  font-size: 18px;
  color: #404041;
}
.banner-text3 {
  bottom:10px;
  right:70px;
  font-size: 20px;
}
.intro-image{
    margin-top:-5px;
    margin-left: 10px;
    max-width: 350px;
}
.intro-papertext{
  left:15%;
  top: 28%;
  font-size: 22px;
}

.guide-container{
  margin: 0 auto;
  width:568px;
}
.in-the-city {
  background-image: url(../images/in-the-city568.svg);
  max-width: 768px;
  font-size: 16px;
  padding-left: 0px;
}
.in-the-city2 {
  background-image: url(../images/in-the-city568.svg);
  max-width: 768px;
  font-size: 16px;
  padding-left: 0px;
}
.in-the-citybig {
  background-image: url(../images/chp3/in-the-citybig570.svg);
  max-width: 768px;
  font-size: 16px;
  padding-left: 0px; 
}
.in-the-city-textbig{left: 30px; top:40px;}
.chapter-title-right-intro{
  position: absolute;
  left:65px;
  bottom: 5px;
  font-weight: 200;
  line-height:15px;
}
.orangechp5-box{
    background-image: url(../images/chp5/orange-box570.svg);
    background-repeat:no-repeat;
    height: 180px;
    margin-left: 20px;
}
.sitting-lady{position: absolute; right: -110px; top:-132px; max-width:180px;}
.width570rednr{width:80%;}
.phone-guy { bottom:8px;}
.in-the-city-text{position: absolute; left:120px;}
.height140{height: 180px;}
.width768{width:72%;}
.line{margin-left: -1px;}
.line-side{height:10px; background-color:#d1d3d4; width:481px;}
.small-guy{bottom: 18px; right:0px !important;}
.height140{height: auto;}
.smart-nondisplay{display: none;}
.resp-left{float: left; text-align: left;}
.width100resp{width:95%;}
.pad10resp{padding: 10px;}
.xswidth60{width:60%;}
.book-guy{position: absolute; right: 10px; max-width: 170px; bottom: -80px;}
.book-guy3{position: absolute; right: 10px; max-width: 170px; bottom: 0px;}
.green-top-bulb{position: absolute; top:-90px; right:70px;}
.in-box-darkgreen{margin-top: 0px; font-size: 15px;}
.grey-box{
    background-image: url(../images/chp1/grey-box570.svg);
    height: 254px;
}
.greenish-box{background-image: url(../images/chp3/box-greenish570.svg); background-repeat: no-repeat; height: 240px; } 
.greenish-box-text{padding-top: 45px;}
.next-bulb{max-width: 140px; top:-147px;}
.pad-under-nr{font-size: 16px; padding-right: 10px;}
.red-city-text{width:90%;}
.red-c{height: 180px; background-image: url(../images/chp1/red-city.svg); }
.green-c{height: 220px; background-image: url(../images/chp1/green-city.svg); }
.big-green570{max-width: 550px;}
.long-green{width: 99px; height: 1710px; margin-right: 66px; margin-top: 10px;}
.hi{right: 25px;}
.bulb-guy{
  right: 50px;
  max-width: 140px;
}
.orange-box98 {
  background-image: url(../images/chp1/orange-box570.svg); 
  height:256px;
}
.beers{
  max-width: 185px;
}
 .top-chapter-text3{left: 270px !important; font-size: 18px;}
.bar-guy{right:0px;}
.big-glass{width: 570px; top:-43px;}
.big-glass2{width: 570px;right: 0px; top:-6px;}
.grey-box-small{background-image: url(../images/chp2/grey-box-small570.svg);width: 400px; height: 100px;}
.night-resp{margin-left: -90px;}
.tablewidthresp{margin-left: 5px !important;}
.width38570, .width38571{width: 50%; margin-left: 25px;}
.squire-under-titile3{margin-left: -85px;}
.othergrey-box570{
    background-image: url(../images/chp3/grey-box571.svg) !important;
    background-repeat:no-repeat;
    height: 152px;
    width: 500px;
}
.idea-guy{right:10px;}
.big-glass3{top:478px;}
.line-height770{line-height: 24px; font-size: 16px;}
.intuslh{line-height: 24px !important; margin-top: 20px; margin-left: 50px;}
.big-green-text{ color: #00a79d; top:5px; left: 150px; font-size: 18px; line-height: 22px;}
.big-green-text2{width:65%; color: #fff; top:90px; left: 25px; position: absolute; font-size: 18px; line-height: 18px; font-weight: 200}
.heightt4{height: 285px;}
.heightt1{height: 95px;}
.heightt3{height: 205px;}
.intro-papertext6{ font-size: 20px !important; top:80px!important;}
.big-arrow-dude {max-width:150px;}
.hanging-bulb {right: 200px;}
.couple2 {bottom: 135px;}
.camera {left: 315px;}
.legs {top: 420px; max-width:250px;}
.proposal {right: 10px;}
.notechp6{background-image: url(../images/chp6/notebook570.jpg)!important; height: 4830px!important;}
.tct7{left:270px !important; top:100px !important;}
.glass-abs{margin-top:594px; margin-left:-45px; max-width: 570px;}
.under-squire-big{width:530px; position: absolute; top:-68px; left:90px;}
.thinker{bottom: -74px;}
.width1008700{width: 100%!important;}
.squire-green-big {
  background-image: url(../images/chp7/big-squire570.svg);
  background-repeat:no-repeat;
  position: relative;
  width: 100%;
  max-width: 570px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  height:89px;
  padding-top: 12px;
}
.under-squire-big {
    left: 70px;
    top: 53px;
    width: 430px;
}
.under-squire-bigs {
    margin-top: 1415px;
}
.triangle2{max-width: 200px !important;}
.ideasa{bottom: -8px!important}
.idea-biger{bottom: -148px; right: 0px; z-index: 99; max-width: 450px;}
.inner-orange{padding: 35px;  padding-top: 18px;  padding-bottom: 18px; background-color: #fbaf3f; color: #404041; font-size: 16px; font-weight: 400;}
.orange-title{position: absolute; top:-24px; left:15px;}
.orange-title2{position: absolute; top:-24px; left:15px;}
.ipadspaceronly{height: 2280px !important;}
.notechp7{background-image: url(../images/chp7/note570.jpg)!important; height: 2000px!important;}
.tct8{ left: 280px;}
.intro-papertext8 { left: 20%; top:20%; font-size: 18px; line-height: 28px;}
.grey-boxchp8{background-image: url(../images/chp8/greybox570.svg)!important; height: 161px!important;}
.tough-guy, .lady11{width: 120px;}
.tct9 {left: 275px; font-size:20px; }
.dudech9{display: none;}
.greychp9-text{width: 90%; font-size: 18px; line-height: 24px;}
.greychp9 {
    background-image: url("../images/chp9/grey570.svg");
    background-repeat: no-repeat;
    height: 153px;
    width: 520px;
}
.thinkerchp9 {bottom: -34px;}
.height9801 {height: 465px;}
.couple2chp9{max-width: 150px; margin-top: 75px;}
.ideachp9 {bottom: -10px;}
.tct10{left:234px !important;}
.mg {
    background-image: url("../images/chp10/mg570.svg");
    background-repeat: no-repeat;
    height: 404px;
    margin-top: -60px;
}
.call-girlchp10{top: 70px;}
.intro-papertext11 {line-height: 24px; font-size: 19px; top:18%;}
.sitter {   right: 28px; max-width: 160px; top:-180px;}
.greenthingychp11-text {left: 10px; font-size: 14px; width:350px;}
.idea-upside, .brown-d11 {display: none;}
.bookerchp11 {   bottom: 252px; width:160px;}
.tct12 {left: 264px !important;}
.rule8 { right: 10px;top: -484px; max-width: 180px;}
.black-box-chp12 {
    background-image: url("../images/chp12/black-box570.svg");
    float: left;
    height: 203px;
    width: 402px;
}
.grey2chp12{height: 950px;}
.hangingchp12 {top: 148px; width: 140px; right:5px;}
.tct13 {   left: 275px; font-size: 18px !important;}
.intro-papertext13 {   left: 15%; font-size: 20px;}
.idea-chp13 {max-width: 200px;}
.hanging-chp13 {   bottom: 211px; max-width:150px;}
.back-dark570{width:98%; margin:0 auto;}
.phonechp13{bottom: -18px !important; max-width: 150px;}
.arrow-yellow { right: 48px; top: -11px;}
.intro-papertext14{top:20%;}
.text-or-padchp13{padding-top: 2px; padding-bottom: 10px;}
.right-guy2, .booker14{bottom: -290px;}
.green-box-chp14-text{line-height: 24px; font-size: 18px; width:80%;}
.notebook14{background-image: url(../images/chp14/note570.jpg)!important; height:922px!important;}
.intro-papertext15{font-size:18px !important;}
.hang13 {  top: -250px; max-width: 170px;}
.diviya {right: 5px; top: 75px; max-width: 200px;}
.tct16{left:305px;}
.intro-papertext16{font-size: 18px; left:24%; top:24%;}
.text-guy{padding-left: 0px; width: 90%;}
.right-guy-chp16 {
    left: 350px;
}
.green-guy216 {
    bottom: -2px;
    max-width: 150px;
    right: 10px;
}
.hang16 {
    max-width: 150px;
    right: 30px;
    top: -11px;
}
.dude-chp16 {
    right: 75px;
    top: -83px;
}
.height1456{height: 210px;}
}





/* media query 480 */
@media screen and (max-width: 480px) {

.intuslh{margin-top: 0px !important;}

.hang{display: none;}
.orange-box98 {height:276px;}
.guide-container{
  margin: 0 auto;
  width:470px;
}
.intro-image{
    margin-top:-5px;
    margin-left: 10px;
    max-width: 300px;
}
.banner-text {
  top:190px;
  left:190px;
  font-size: 30px;
}
.banner-text2 {
  top:314px;
  right:50px;
  font-size: 12px;
  color: #404041;
}
.banner-text3 {
  bottom:-10px;
  right:90px;
  font-size: 20px;
}
.squire {
  background-image: url(../images/squire-xs.svg);
  font-size: 18px;
  max-width: 300px;
}
.squire-green {
  background-image: url(../images/squire-green-xs.svg);
  font-size: 12px;
  max-width: 300px;
}
.squire-orange{
  background-image: url(../images/squire-orange-xs.svg);
  font-size: 12px;
  max-width: 300px;
}
.squire-red{
  background-image: url(../images/squire-red-xs.svg);
  font-size: 12px;
  max-width: 300px;
}

.in-the-city {
  background-image: url(../images/in-the-city-xs480.svg);
  max-width: 480px;
  font-size: 16px;
  padding-left: 0px;
}
.in-the-city2 {
  background-image: url(../images/in-the-city-xs480.svg);
  max-width: 480px;
  font-size: 16px;
  padding-left: 0px;
}
 .top-chapter-text3{left: 220px !important; font-size: 18px;}
.in-the-city-text{position: absolute; left:20px;}
.intro-papertext{
  left:15%;
  top: 28%;
  font-size: 18px;
}

.xswidth60 {width:60%;}
.pad-under-nr{margin-bottom: -20px;}
.chapter-title-right-intro{
  position: absolute;
  right:350px;
  width: 300px;
  bottom: 5px;
  font-weight: 200;
  line-height:15px;
}
.intro-right {
  background-image: url(../images/intro-right.svg);
  background-repeat:no-repeat;
  width:100%;
  min-height:137px;
}
.line-side{ width:351px;}
.big, .otherfont {font-size:16px;}
.socialsmall{max-width: 40px;}
.spacer570{margin-top: 0px;}
.width38571{width: 60%; margin-left: 50px;}
.green-c{height: 250px; background-image: url(../images/chp1/green-city.svg); }
.greenish-box{background-image: url(../images/chp3/box-greenish480.svg); background-repeat: no-repeat; height: 270px; }
.intus{line-height: 24px; margin-top:20px;}


.top-chapter-title, .top-chapter-title2, .top-chapter-title3, .top-chapter-title4, .top-chapter-title5, .top-chapter-title6, .top-chapter-title7, .top-chapter-title8, .top-chapter-title9, .top-chapter-title10, .top-chapter-title11, .top-chapter-title12, .top-chapter-title13, .top-chapter-title14, .top-chapter-title15, .top-chapter-title16{
  font-size: 28px;
  height:222px;
}

.top-chapter-title{background-image: url(../images/chp1/top-image480.svg);}
.top-chapter-title2{background-image: url(../images/chp2/top-image2480.svg);}
.top-chapter-title3{background-image: url(../images/chp3/top-image480.svg);}
.top-chapter-title4{background-image: url(../images/chp4/top-image480.svg);}
.top-chapter-title5{background-image: url(../images/chp5/top-image480.svg);}
.top-chapter-title6{background-image: url(../images/chp6/top-image480.svg);}
.top-chapter-title7{background-image: url(../images/chp7/top-image480.svg);}
.top-chapter-title8{background-image: url(../images/chp8/top-image480.svg);}
.top-chapter-title9{background-image: url(../images/chp9/top-image480.svg);}
.top-chapter-title10{background-image: url(../images/chp10/top-image480.svg);}
.top-chapter-title11{background-image: url(../images/chp11/top-image480.svg);}
.top-chapter-title12{background-image: url(../images/chp12/top-image480.svg);}
.top-chapter-title13{background-image: url(../images/chp13/top-image480.svg);}
.top-chapter-title14{background-image: url(../images/chp14/top-image480.svg);}
.top-chapter-title15{background-image: url(../images/chp15/top-image480.svg);}
.top-chapter-title16{background-image: url(../images/chp16/top-image480.svg);}
.top-chapter-text{
  top: 100px;
  left: 210px;
  font-size: 18px;
}

.big-glass{width: 480px; top:-24px;}
.top-chapter-text2{left: 245px;}

.beer{max-width: 140px;}
.book-guy{position: absolute; right: 10px; max-width: 140px; bottom: -67px;}
.long-green{width: 80px; height: 1530px; margin-right: 16px; margin-top: 10px;}
.hi{right: 0px;}
.bulb-guy{
  right: 0px;
  max-width: 120px;
}
.squire-black480, .squire-red480, .squire-yellow480, .squire-greenish480, .squire-orange480, .squire-greenother480 {
  background-repeat: no-repeat;
  font-size: 18px;
  color: #fff;
  max-width: 412px;
  text-align:left;
  padding-left: 15px;
  padding-top: 2px;
  height: 57px;
}
.squire-black480 {background-image: url(../images/chp1/sub-chpt-black.svg) !important;}
.squire-red480 {background-image: url(../images/chp4/sub-chpt-red.svg) !important;}
.squire-yellow480 {background-image: url(../images/chp4/sub-chpt-yellow.svg) !important;}
.squire-greenish480 {background-image: url(../images/chp4/sub-chpt-greenish.svg) !important;}
.squire-orange480 {background-image: url(../images/chp4/sub-chpt-orange.svg) !important;}
.squire-greenother480 {background-image: url(../images/chp4/sub-chpt-greenother.svg) !important;}
.othergrey-box570{
    background-image: url(../images/chp3/grey-box480.svg);
    background-repeat:no-repeat;
    height: 152px;
    width: 440px;
}

.under-squire{width: 218px;  left:40px; top:-48px;}
.idea{max-width: 180px; right:-150px;}
.width570rednr{width:75%;}
.squire-title480{text-align: left !important; left:10px !important; padding-left: 0px; margin-left: 0px;}
.big-glass2{width: 470px;right: 0px; top:17px;}
.big-green570{max-width: 480px;}
.big-glass3{top:509px;}
.line-height770{line-height: 24px; font-size: 14px;}
.big-green-text{ color: #00a79d; top:1px; left: 100px; font-size: 16px; line-height: 22px;}
.big-green-text2{width:85%; color: #fff; top:80px; left: 25px; position: absolute; font-size: 14px; line-height: 16px; font-weight: 200}
.intro-papertext5{top:38px !important;  left: 5%;}
.sitting-lady {max-width: 140px;right: -70px;top: -103px;}
.orangechp5-box{background-image: url(../images/chp5/orange-box480.svg);height: 220px;}
.orangechp5-box2{background-image: url(../images/chp5/orange-box2480.svg);height: 330px;}
.otfontsize{margin-top: 40px;}
.sit {right: 28px;top: -170px; max-width:130px !important;}
.dlady {bottom: 650px; max-width: 120px;}
.helman {max-width: 100px !important;}
.height980 {height: 220px;}
.brown-girl {left: 10px;top: -10px; max-width: 120px !important;}
.sit2 {right: 0px;}
.small-guy2 {right: 100px;}
.two-fingers {bottom: -33px;right: 0px;width: 120px;}
.tct6{left:190px !important; top:70px !important;}
.intro-papertext6{ font-size: 20px !important; top:80px!important; left:5%;}
.big-arrow-dude {max-width: 120px; bottom: -10px;}
.legs {max-width: 200px;top: 420px;}
.notechp6{background-image: url(../images/chp6/notebook480.jpg)!important; height: 4670px!important;}
.tct7 {left: 240px !important;top: 100px !important;}
.intro-papertext7 {font-size: 18px !important;}
.glass-abs {
    margin-left: -25px;
    margin-top: 654px;
    max-width: 440px;
}
.thinker {bottom: -67px; max-width: 150px !important;}
.squire-green-big {
    background-image: url("../images/chp7/big-squire480.svg");
    height: 89px;
}
.under-squire-big {
    left: 60px;
    width: 360px;
}
.under-squire-bigs {margin-top: 1195px;}

.idea-biger {
    bottom: -138px;
    max-width: 370px;
}
.red-dress, .brown-d {display: none;}
.inner-orange {
    background-color: #FBAF3F;
    color: #404041;
    font-size: 13px;
    font-weight: 400;
    padding: 12px;
}
.ipadspaceronly{height: 2130px !important;}
.blue-d, .bb{max-width: 150px;}
.tct8 {left: 240px;}
.intro-papertext8 {
    font-size: 16px;
    left: 20%;
    top: 18%;
}
.grey-boxchp8{background-image: url(../images/chp8/greybox480.svg)!important; height: 185px!important;}
.hi-guy8{max-width: 160px;}
.tct9 {font-size: 16px;left: 235px;}
.greychp9 {
    background-image: url("../images/chp9/grey480.svg");
    background-repeat: no-repeat;
    height: 162px;
    width: 460px;
    float: left !important;
}
.big-greenchp9{width: 420px!important;}
.thinkerchp9 {bottom: -29px;}
.grey-guychp9 {width: 470px;}
.grey-guychp9-text {
    font-size: 16px;
    left: 250px;
    position: absolute;
    top: 5px;
    width: 210px;
}
.red-girlchp9{max-width: 150px;}
.greenboxchp9 {
    background-image: none;
    background-color: #00a69c;
    width: 100%;
}
.greenboxchp9-text {width: 90%;}
.height9801 {height: 385px;}
.couple2chp9 {max-width: 120px;}
.tct10 {left: 204px !important;}
.handchp10{max-width: 165px;}
.mg {
    background-image: none;
    margin-top: -140px;
}
.greenboxchp10{height:140px; }
.thinker10{max-width: 140px;}
.intro-papertext11 {
    font-size: 16px !important;
    line-height: 20px;
    top: 18%;
}
.squire-big-orange-awsome, .squire-big-green-awsome, .squire-big-green2-awsome, .squire-big-yellow-awsome {
    background-image: url("../images/chp11/big-squire-orange480.svg");
    width:430px;
    margin-left: 0px;
  }
.squire-big-green-awsome {
    background-image: url("../images/chp11/big-squire-green480.svg");}
.squire-big-green2-awsome {
    background-image: url("../images/chp11/big-squire-green2480.svg");}
.squire-big-yellow-awsome {
    background-image: url("../images/chp11/big-squire-yellow480.svg");}
.squire-big-orange-awsome-text {margin-left: 20px; text-align: left;}
.lady11{display: none;}
.lady-green{max-width: 140px;}
.othpull11{float: left;}
.sitter {
    max-width: 120px;
    right: 28px;
    top: -120px;
}
.greenthingychp11 {
    background-image: none;
    background-color: #00a79d;
    height: 172px;
    width: 777px;
}
.greenthingychp11-text {
    font-size: 16px;
    left: 20px;
    width: 350px;
    top:10px;
}
.phone-guy {    bottom: -13px;}
.bookerchp11 {bottom: 272px;width: 120px;}
.tct12 {left: 244px !important;}
.rule2chp12, .dude13, .door13, .green-d13, .tel13, .barchp14, .right-guy{max-width: 140px;}
.rule8, .girl3, .run {max-width: 140px;}
.hangingchp12 {top: 132px;width: 140px;}
.tct13 {
    font-size: 16px !important;
    left: 225px;
}
.intro-papertext13 {
    font-size: 16px;
    left: 18%;
}
.idea-chp13 {
    bottom: -28px;
    right: 5px;
    max-width: 150px
}
.hanging-chp13 {
    bottom: 293px;
    max-width: 100px;
}
.back-dark570 {width: 100%; }
.under-squirechp13{ left:0px; top:-40px; width:350px;}
.otfontsizechp11{width: 350px;}
.arrow-yellow {right: 35px;}
.phonechp13 { bottom: -17px !important;}
.intro-papertext14{top:18%;}
.squire-big-orange-awsome-text-small{font-size: 18px;}
.green-box-chp14-text {
    font-size: 18px;
    line-height: 20px;
}
.intro-papertext15{font-size:16px !important;}
.hang13 {  top: -220px; max-width: 150px;}
.diviya { max-width: 150px;}
.tct16{left:245px;}
.intro-papertext16{font-size: 16px; left:24%; top:24%;}
.text-guy{padding-left: 0px; width: 90%;}
.right-guy-chp16 {
    left: 290px;
    max-width: 120px;
}
.green-guy216 {
    bottom: -2px;
    max-width: 150px;
    right: 10px;
}
.hang16 {
    max-width: 120px;
    right: 30px;
    top: -9px;
}
.dude-chp16 {
    right: 75px;
    top: -101px;
}
.couple16, .bulb16{max-width: 140px;}

.back-paper {
    background-image: url("../images/chp16/paper480.svg");
    height: 239px;
    left: 20px;
    top: -30px;
    width: 400px;
}
.height-backside{height: 181px;}
.back-paper-text{top:30px; left:100px; font-size: 20px;}
.height1456{height: 240px;}
}










/* media query 320 */
@media screen and (max-width: 320px) {
  .greenboxchp9-text {width: 90%; font-size: 14px}
   .top-chapter-text3{left: 130px !important; font-size: 18px;}
.guide-container{
  margin: 0 auto;
  width:310px;
}
.intro-image{
    margin-top:-5px;
    margin-left: 10px;
    max-width: 200px;
}
.banner-text {
  top:150px;
  left:140px;
  font-size: 20px;
}
.banner-text2 {
  top:214px;
  right:50px;
  font-size: 12px;
  color: #404041;
}
.in-the-city {
  background-image: url(../images/in-the-city-xs.svg);
  max-width: 320px;
  font-size: 12px;
}
.in-the-city2 {
  background-image: url(../images/in-the-city-xs.svg);
  max-width: 320px;
  font-size: 12px;
}
.line-side{ width:251px;}
.intro-papertext{
  left:15%;
  top: 28%;
  font-size: 12px;
}
.chapter-title-right-intro{
  position: absolute;
  right:165px;
  bottom: 5px;
  font-weight: 200;
  line-height:15px;
  width: 250px;
}
.width38571{line-height: 18px !important; width:75%;}
.public-tran{margin-top:-24px;}
.public-tran1{margin-top:-20px;}
.width570rednr{width:60%;}
.squire-black480 {background-image: url(../images/chp1/sub-chpt-black320.svg) !important;}
.squire-red480 {background-image: url(../images/chp4/sub-chpt-red-320.svg) !important;}
.squire-yellow480 {background-image: url(../images/chp4/sub-chpt-yellow-320.svg) !important;}
.squire-greenish480 {background-image: url(../images/chp4/sub-chpt-greenish-320.svg) !important;}
.squire-orange480 {background-image: url(../images/chp4/sub-chpt-orange-320.svg) !important;}
.squire-greenother480 {background-image: url(../images/chp4/sub-chpt-greenother-320.svg) !important;}
.greenish-box{background-image:none !important; background-color: #00a79d; height: 450px !important;}
.next-bulb {
    max-width: 90px;
    top: -94px;
}
.pad-under-nr {
    font-size: 12px;
    padding-right: 10px;
}
.othergrey-box570{
    background-image: none !important;
    background-repeat:no-repeat;
    width: 250px;
}
.green-top-bulb {
    right: 0px;
    top: -40px;
}
.big, .otherfont {font-size:14px;}
.width100resp{width:90%;}
.socialsmall{max-width: 20px;}

.top-chapter-title, .top-chapter-title2, .top-chapter-title3, .top-chapter-title4, .top-chapter-title5, .top-chapter-title6, .top-chapter-title7, .top-chapter-title8, .top-chapter-title9, .top-chapter-title10, .top-chapter-title11, .top-chapter-title12, .top-chapter-title13, .top-chapter-title14, .top-chapter-title15, .top-chapter-title16{
  font-size: 22px;
  width: 300px;
  height: 150px;
}

.top-chapter-title{background-image: url(../images/chp1/top-image320.svg);}
.top-chapter-title2{background-image: url(../images/chp2/top-image2320.svg);}
.top-chapter-title3{background-image: url(../images/chp3/top-image320.svg);}
.top-chapter-title4{background-image: url(../images/chp4/top-image320.svg);}
.top-chapter-title5{background-image: url(../images/chp5/top-image320.svg); font-size: 18px;}
.top-chapter-title6{background-image: url(../images/chp6/top-image320.svg); font-size: 18px;}
.top-chapter-title7{background-image: url(../images/chp7/top-image320.svg); font-size: 18px;}
.top-chapter-title8{background-image: url(../images/chp8/top-image320.svg); font-size: 18px;}
.top-chapter-title9{background-image: url(../images/chp9/top-image320.svg); font-size: 18px;}
.top-chapter-title10{background-image: url(../images/chp10/top-image320.svg); font-size: 18px;}
.top-chapter-title11{background-image: url(../images/chp11/top-image320.svg); font-size: 18px;}
.top-chapter-title12{background-image: url(../images/chp12/top-image320.svg); font-size: 18px;}
.top-chapter-title13{background-image: url(../images/chp13/top-image320.svg); font-size: 16px;}
.top-chapter-title14{background-image: url(../images/chp14/top-image320.svg); font-size: 16px;}
.top-chapter-title15{background-image: url(../images/chp15/top-image320.svg); font-size: 16px;}
.top-chapter-title16{background-image: url(../images/chp16/top-image320.svg); font-size: 16px;}
.top-chapter-text{
  top: 60px;
  left: 135px;
  font-size: 12px;
}
.idea {display: none;}
.in-the-city-textbig{font-size: 12px!important;}
.greenish-box{background-image: url(../images/chp3/box-greenish480.svg); background-repeat: no-repeat; height: 300px; }
.squire-title480{text-align: left !important; left:0px !important; padding-left: 0px!important; margin-left: 0px!important;}
.big-glass2{width: 310px;right: 0px; top:56px;}
.grey-box-small{background-image: url(../images/chp2/grey-box-small570.svg);width: 280px; height: 100px;}
.top-chapter-text2{left: 155px;}
.intus{line-height: 18px; margin-top:0px; font-size: 10px !important;}
.beer, .hi, .bulb-guy {max-width: 90px;}
.width320{width:90%}
.book-guy, .big-green570, .beers, .book-guy2 {display: none;}
.grey-box{background-image:none;}
.long-green{width: 60px; height: 1750px;}
.big-green320{background-color: #00a69c; height: 660px;}
.big-green-text{ color: #03675c; top:20px; left: 10px; font-size: 18px; line-height: 22px;}
.big-green-text2 {
    font-size: 16px;
    line-height: 18px;
    top: 140px;
    width: 85%;
}
.red-city-text {font-size: 14px !important;}
.hanging-guy-text {padding-left: 0px;}
.hanging-guy, .orange-box98  {background-image: none;}
.squire-under-titile3 {margin-left: 50px;}
.darktext320{color:#404041;}
.width38570{width: 75%; margin-left: 40px;}
.big-glass{width: 320px; top:40px;}
.tablewidthresp{width: 71%;}
.tablewidthresp2{width: 84%;}
.intuslh{line-height: 16px !important; margin-top: -10px!important; margin-left: 10px; font-size: 8px !important;}
.wise, .width-red, .diss, .idea-guy{display: none;}
.height240{height: 355px;}
.big-glass3{top:828px;}
.other100wi{width: 100%; margin-top: 10px; }
.other100wifont{font-size: 17px; text-align: left;}
.top-chapter-text4{margin-top: -10px; line-height: 18px;}
.bodyless{bottom: 9px;}
.ns{font-size: 14px; margin-top: 4px;}
.ns1{font-size: 14px; margin-top: 14px;}
.heightt2{height: 120px;}
.lh78{line-height: 28px !important;}
.sitting-lady {max-width: 100px;right: -35px;top: -73px;}
.orangechp5-box{background-image: url(../images/chp5/orange-box320.svg); height: 270px; margin-left: 0px; }
.orangechp5-box2{background-image: url(../images/chp5/orange-box2320.svg);height: 445px; margin-left: 0px;}
.otfontsize, .otfontsize2{margin-top: 55px; line-height: 24px;}
.sit {max-width: 80px !important;right: 28px;top: -90px;}
.dlady, .helman, .ddisno320, .mridea, .dude{display: none;}
.brown-girl {left: 0px;max-width: 90px !important;top: 25px;}
.sit2 {max-width: 100px;right: 10px;top: -100px;}
.small-guy2 {right: 40px;}
.width90320{width:90%;}
.two-fingers {bottom: -24px;right: 0;width: 90px;}
.tct6{left:120px !important; top:30px !important; line-height: 20px;}
.intro-papertext6{ font-size: 14px !important; top:60px!important; left:13%;}
.big-arrow-dude {max-width: 80px; bottom: -10px;}
.legs {max-width: 150px;top: 590px;}
.notechp6{background-image: url(../images/chp6/notebook480.jpg)!important; height: 4670px!important;}
.camera{left:180px; bottom: -81px;}
.sub-chapter-text, .sub-chapter-text-big{padding-left: 15px;}
.hanging-bulb {right: 100px;}
.in-the-city-textbig {left: 10px; right:5px;}
.couple2 {bottom: 215px; right:10px;}
.notechp6{background-image: url(../images/chp6/notebook320.jpg)!important; height: 5080px!important;}
.tct7 {
    left: 150px !important;
    top: 50px !important;
    line-height: 18px;
}
.intro-papertext7{font-size: 12px!important;}
.othtopster{top:160px!important;}
.glass-abs {
    margin-left: -50px;
    margin-top: 960px;
    max-width: 320px;
}
.thinker {bottom: -51px;max-width: 110px !important;}
.squire-green-big {background-image: url("../images/chp7/big-squire320.svg");height: 89px;}
.under-squire-big {left: 40px; width: 230px;}
.under-squire-bigs {margin-top: 1365px;}
.smartsize{font-size: 12px !important;}
.diftextabs{position: absolute; top:-65px;}
.do320, .idea-biger, .book-guy3 {display: none;}
.ideasa{bottom: -6px !important;}
.hanging-dude989 {
    position: absolute;
    right: 50px;
    top: -5px;
    width: 50px;
}
.inner-orange{font-size: 14px;}
.orange-title, .orange-title2{width: 280px;}
.ipadspaceronly{height: 2790px !important;}
.notechp7{background-image: url(../images/chp7/note320.jpg)!important; height: 1600px!important;}
.tct8 {left: 145px; line-height: 20px;}
.intro-papertext8 {
    font-size: 11px;
    left: 15%;
    top: 18%;
    line-height: 18px;
}
.grey-boxchp8{background-image: none!important; height: 215px!important; background-color: #f1f2f2;}
.suprise-box8, .sitter, .bookerchp11{display: none;}
.this-pull-320{float: left;}
.left8{max-width: 290px;}
.demon {left: 55px;}
.note8{background-image: url(../images/chp8/note320.jpg)!important; height:980px!important;;}
.tct9 {font-size: 11px;left: 145px; line-height: 20px;}
.greychp9 {
    background-image: url("../images/chp9/grey320.svg");
    background-repeat: no-repeat;
    float: left !important;
    height: 202px;
    width: 290px;
}
.big-greenchp9 {width: 300px !important;}
.thinkerchp9 {bottom: -22px;}
.grey-guychp9 {
    width: 240px;
    height: 380px;
    background-image: none;
    background-color: #d1d2d4;
}

.grey-guychp9-text {
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 5px;
    width: 210px;
}
.height9801 {height: 495px;}
.couple2chp9 {max-width: 80px;}
.ideachp9 {bottom: -7px;}
.note9 {background-image: url("../images/chp9/note320.jpg") !important;height: 653px !important;}
.tct10 {left: 130px !important; font-size: 11px; top:40px;}
.tct13 {font-size: 11px !important;left: 140px; line-height: 18px; top:40px;}
.mg{
  height: 500px;
  margin-top: -140px;
}
.intro-papertext13 {
    font-size: 11px;
    left: 16%;
}

.greenboxchp10 {height: 185px;}
.note10{background-image: url(../images/chp10/note320.jpg)!important; height:554px!important;;}
.squire-big-orange-awsome, .squire-big-green-awsome, .squire-big-green2-awsome, .squire-big-yellow-awsome { width:310px;}
.intro-papertext11 {
    font-size: 10px !important;
    line-height: 15px;
    top: 18%;
}
.otfontsizechp11{width: 220px;}
.greenthingychp11-text {width: 260px;}
.greenthingychp11 { height: 250px;}
.nschp11{margin-top: 15px;}
.phone-guy {   bottom: -10px;}
.widthnr98{font-size: 20px; width:200px; margin-top: 6px;}
.otwidth90{width: 240px !important;}
.width72xs{width: 74%;}
.black-box-chp12 {
    background-image: none;
    background-color: #414042;
    height: 203px;
    width: 312px;
}
.black-box-chp12-text {
    font-size: 16px;
    left:14px;
}
.rule8 {max-width: 110px; right:2px; top:-356px;}
.grey2chp12 {height: 1100px;}
.hangingchp12 {display: none;}
.smallfont320{font-size: 14px; padding-left: 4px; padding-top: 5px !important;}
.idea-chp13 {  bottom: -27px; max-width: 100px;}
.hanging-chp13 { bottom: 455px; max-width: 70px; right:5px;}
.back-dark570 {width: 96%;}
.under-squirechp13{width: 250px;}
.otfontsizechp13 { width: 240px; left:26px;}
.arrow-yellow {    right: 15px; width:60px;}
.phonechp13 {   bottom: -11px !important;}
.notebook13{background-image: url(../images/chp13/note320.jpg)!important;height: 390px;}
.tct14{top:50px;}
.intro-papertext14 {  top:15%;}
.squire-big-orange-awsome-text-small{font-size: 16px;}
.hanging14 {
    left: 80px;
    top: 56px;
}
.green-box-chp14-text {
    font-size: 15px;
    line-height: 17px;
    width: 80%;
}
.notebook14{background-image: url(../images/chp14/note320.jpg)!important; height:891px!important;}
.tct15 {font-size: 10px!important; left:145px; top:50px;}
.intro-papertext15 {font-size: 10px !important;}
.black-box-chp15-text {
    font-size: 16px;
    left: 25px;
    line-height: 24px;
    top: 14px;
}
.syb-small15{font-size: 12px;}
.hang13 {max-width: 100px;top: -140px;}
.diviya {max-width: 100px;}
.tct16{left:155px;}
.intro-papertext16{font-size: 11px; left:24%; top:18%;}
.text-guy{padding-left: 0px; width: 90%;}
.right-guy-chp16 {display: none;}
.hang16 {
    max-width: 80px;
    right: 10px;
    top: -4px;
}
.dude-chp16 {
    right: 15px;
    top: -101px;
    max-width: 80px;
}
.couple16, .bulb16{max-width: 140px;}

.back-paper {
    background-image: url("../images/chp16/paper320.svg");
    height: 156px;
    left: 20px;
    top: -15px;
    width: 260px;
}
.height-backside{height: 121px;}
.back-paper-text{top:10px; left:65px; font-size: 14px;}
.width6532095{width: 95%;}
.booki16 {
    bottom: -75px;
    right: 10px;
    max-width: 80px;
}
.green-guy216 {
    max-width: 110px;
    right: 2px;
}
.padding-none320{padding-top: 4px !important;}
.width100-onlychp16{text-align: center; float: none; margin: 0 auto; width: 80%;}
.width100-onlychp162{text-align: left; float: left; margin: 0 auto; width: 90%;}
.pin16fontish{font-size: 16px;}
.height1456{height: 380px;}
}

.img-ad {
        max-width: 50%;
}

}