body{
      /*background-position-y:-100px;*/
      min-width: 0;
    }

    .bucket:first-of-type{
      background-color: #68B7FF;
      position: fixed;
      top: 0;
      z-index: 1000;
  }

  .land li.mobileNav{
    display: none;
  }
  
  .trans{
    transition-property: box-shadow, background-color;
      transition-duration: .25s;
      transition-timing-function:: ease-out;
  }

    .shady{
    background-color: #47A5FB !important;
      box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    }

    .bucket:nth-child(2){
      /*margin-top: 80px;*/
      text-align: center;
      padding-top: 130px;
    }

    .bucket div{
      max-width: 960px;
      margin: 0 auto;
    }

    .wrap{
      max-width: 960px;
    }

    .wrap h2{
      text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
      font-family: 'Chowderhead';
      text-transform: none;
      font-size: 4em;
      line-height: 1em;
      /*padding: 1em 0 ;*/
      text-align: left;
    }

    .wrap h2 span{
   /*   font-size: 3em;
    vertical-align: middle;
    letter-spacing: -.1em;
    transform: rotate(-5deg);
    display: inline-block;*/
    }

    #features{
      /*height: 500px;*/
      padding: 1em 0;
    }

    #features h2{
      color: rgba(104, 183, 255, 0.8);
      text-shadow: 1px 1px 2px #FFF, 0 0 0 #000, 1px 1px 2px #FFF;
    }

    .brief{
  /*    font: 30px 'Chowderhead';
      text-align: center;
      width: 60%;
      margin: 0 auto;
      padding: 1em 0;*/
  width: 45%;
  padding: 2em 0;
  display: inline-block;
  vertical-align: middle;
  color: black;
  text-align: left;
  }

  
      
    .brief-image{
      width: 49%;
      display: inline-block;
      vertical-align: middle;
    }

    .brief-image img{
      width: 80%
    }

    .brief h3{
      font-family: 'Chowderhead';
      font-size: 2.5em;
      line-height: 1em;
    }

    .brief p{
      font: 1.25em 'MuseoSans500Regular';
/*      line-height: 1.5em;
      letter-spacing: 1px;*/
      margin: 0 auto;
      padding: 1em 0;
      line-height: 1.25em;
    }

    .dasher{
          border: dashed 5px rgba(64,99,130,0.75);
    border-radius: 30px;
    margin: 5em auto !important;
    }

    .feature{
      text-align: center;
      padding-top: 1.5em;
      width: 32%;
      display: inline-block;
      vertical-align: top;
    }

    .feature img{
      width: 100%;
      vertical-align: top;
    }

    .feature div{
      display: inline-block;
      /*width: 40%;*/
      vertical-align: middle;
      height: 150px;
    }

    .feature .feature-text{
      height: auto;
    }



    .feature:nth-child(even) h3, .feature:nth-child(even) p{
      /*text-align: right;*/
    }

    .feature h3{
      font: 1em 'Nevis';
      text-transform: uppercase;
      /*text-align: left;*/
      width: 85%;
      margin: 0 auto;
      padding-top: 1em;
    }

    .feature p{bcg
      font: 14px 'MuseoSans500Regular';
      line-height: 1.5em;
      /*letter-spacing: 1px;*/
      text-align: left;
      width: 85%;
      margin: 0 auto;
      padding-top: 1em;
    }

    #feature-subscribe{
      font: 2em 'Nevis';
      text-transform: uppercase;
      color: white;
      margin-left: 0;
    }

    #feature-CTA{
      font: 2em 'Nevis';
      text-transform: uppercase;
      display:block;
      text-align: center;
      float: none;
      width: 60%;
      background-color: #406382;
      background-image: none;
      border: none;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
      padding: 5px 14px;
      margin: 0 auto;
      margin-bottom: -.75em;
    }

    #feature-CTA:hover{
      background-color: #D6D6D6;
    }
    .col{
      width: 30%;
      text-align: center;
      display: inline-block;
      vertical-align: top;
      padding-bottom: 4em;
    }

    .inset{
      background-color: rgba(51, 92, 109, 0.46);
      border-radius: 10px;
      box-shadow: inset 0 1px 5px rgba(0,0,0,0.255);
      width: 32%;
      margin-left: 1.5% !important;
      /*vertical-align: middle;*/
    }

    #teachers h2{
      margin-bottom: .5em;
      text-align: center;
    }

    #map{
      width: 100%;
      margin-bottom: 1em;
    }

    .col.inset .feature{
      width: 90%;
      padding: 5%;
      padding-bottom: 1.5em;
      /* border-bottom: 2px solid #FFFFFF; */
    }

    .col .brief{
      width: 100%;
      text-align: left;
      padding: 0;
    }

    .col .brief h3{
          color: black;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    }

    .col .testi{
      width: 70%;
      text-align: left;
      margin: 0 0 0 0;
      padding: 0;
    }

    .col .testi p:nth-child(odd){
      font-size: 2em;
      font-family: 'Chowderhead';
      text-align: center;
    }

    .col .testi p:nth-child(even){
      font-size: 1em;
      padding: 1em 0;
      text-align: center;
    }

    .col.inset .feature h3{
      text-align: center;
      padding-bottom: .5em;
      font-size: 1.25em;
      width: 100%;
      color: white;
      text-shadow: rgba(0,0,0,.5) 0 1px 2px;
      padding-top: 0;
      border: none;
    }

    .col.inset .feature img{
      width: 90%;
    }

    .col .feature{
      width: 30%;
      padding: 3em 1% 0 1%;
      vertical-align: top;
    }

    .col .feature h3{
      font-size: 20px;
      padding-top: 0;
      text-align: left;
      /* width: 80%; */
      /*border-bottom: 2px solid;*/
      color: black;
    }

    .col .feature p{
      font-size: 14px;
      font-family: 'MuseoSans500Regular';
      padding-top: 1em;
      line-height: 1.5em;
      /* text-align: right; */
      color: black;
    }

    .teacher-feature{
      height: auto !important;
    }

    .teacher-feature img{
      display: inline-block;
      width: 25%;
      vertical-align: middle;
    }

    .teacher-feature h3{
      display: inline-block;
      /*width: 70%;*/
      vertical-align: middle;
    }

    .col.comment{
      width: 65%;
      vertical-align: middle;
    }

    .row{
      text-align: center;
      width: 90%;
    }

    .land{
      height: 70px;
      max-height: 150px;
      margin: 0 auto;
      padding: 5px 0px;
      position: relative;
      font-family: 'Nevis';
      font-variant: normal;
      text-transform: uppercase;
      color: white;
      text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px;
    }

    .land img{
      display: inline-block;
      vertical-align: middle;
    }

    .land ul{
      display: inline-block;
      margin:0;
    }
    .land li{
      display: inline-block;
      font-size: 12px;
      letter-spacing: .1em;
      padding: 0 .75em;
    }

    .land li:first-of-type{
      padding-left:1.5em;
    }

    .nav.right{
      float: right;
      padding: 25px 0;
    }

    .nav.left{
      float:left;
    }

    .nav.right span{
      font-family:'MuseoSans500Regular';
      text-transform: none;
      font-size: 12px;
      margin-right: .5em;
    }

    .nav a{
      display: inline;
      line-height: inherit;
    }

    .land li a{
      padding: 0;
      color: white;
    }

    .land li a:hover{
      border-bottom: solid 2px white;
      box-shadow: 0 2px 2px -1px rgba(0,0,0,0.25);
    }

    #header-login{
      color:white;
      font-size: 20px;
      letter-spacing: .15em;
      vertical-align: middle;
      text-align: right;
      padding-right: 5px;

    }

    #header-signup, #getFreeNouns, #feature-subscribe{
      font-size: 26px;
      letter-spacing: 1px;
      vertical-align: middle;
      position: relative;
      background-color: #59ba47;
      background-image: none;
      border: none;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
      padding: 5px 14px;
      text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
    }

    #getFreeNouns{
      margin: 0 auto;
    font-family: 'Nevis';
    text-transform: uppercase;
    text-align: center;
    color: #59BA47;
    background-color: white;
    text-shadow: none;
    letter-spacing: 0px;
    padding: 15px;
    }


    #freeCTA{
      background-color: #F8796B;
    }

    #header-signup:hover, #feature-CTA:hover, #feature-subscribe:hover{
      background-color: #65CE52;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.5);
    }

    #awards{
      padding-top: 0;
    }

    .awardImage{
      width: 20%;
    }

    .banner{
      background-color: #fff;
      padding: 2% 0;
          text-align: center;
    }    

    #edu-visit{
      position: relative;
      right: 0px;
      z-index: 10;
      /*margin-top: 30%;*/
    }

    #testBanner, #studentBanner{
      background-color: #5AB846;
      box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
      /*display: none;*/
      z-index: 100;
      position: relative;
    }

    #testBanner .testi, #studentBanner .testi{
      color: #FFFFFF;
      text-shadow: rgba(0,0,0,.5) 0 1px 2px; 
    }

    #studentBanner h3{
      font: 2em 'Chowderhead';
      line-height: 1em;
      color: #FFFFFF;
      text-shadow: rgba(0,0,0,.5) 0 1px 2px;
          margin-bottom: 1em;
    }

    .white-over{
      background-color: white;
      box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
      z-index: 10;
      position: relative;
    }

    .testi{
      color:black;
      text-align: center;
       width: 28%;
        padding: 0 2%;

      display: inline-block;
      vertical-align: middle;
    }

    .testi p:nth-child(odd){
      font-family: 'MuseoSans500Regular';
    font-size: 1.25em;
    line-height: 1.25em;
    }

    .testi p:nth-child(even){
      font-family: 'Nevis';
      text-transform: uppercase;
      font-size: 1em;
      padding-top: 1em;
    }

    #studentQuote{
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      padding: 2em 0;
    }

    #teacherQuote{
      width:100%;
      display: inline-block;
      vertical-align: middle;
    }

    #teacherQuote .testi{
      width: 40%;
      padding: 0 4%;
      vertical-align: top;
    }

    #teacherQuote .testi p:nth-child(odd){
      text-align: left;
    }

    #teacherQuote .testi p:nth-child(even){
      text-align: right;
    }

/*    #studentQuote .testi{
      width: 100%;
      display: inline-block;
    }*/

    #nounTown{
        background-position-y: 125px;
      background-size: 632px;
      background-image: url('../images/townRepeat.png');
    }


    #nounFree{
      display: inline-block;
      width: 25%;
      vertical-align: top;
    }

    #main-CTA{
      width: 71%;
      display: inline-block;
    }

    #main-CTA p{
      font-size: 2.5em;
      line-height: 1em;
      width: 100%;
    }

    #main-CTA p:nth-child(even){
      font-size: 1.5em;
      margin: 1em auto;
      
    }

    #castImage{
      text-align: center;
        z-index: 10;
      position: relative;
    }

    #castImage img{
      vertical-align: bottom;
      width:100%;
    }

    #street{
      height: 70px;
      background-color: #AFC1D8;
      margin-top: -72px;
      /*opacity: 0.25;*/
      z-index: 0;
      position: relative;
      /* background-image: url(../images/footerGrass.png); */
      background-repeat: repeat-x;
      background-position: bottom;
    }

    #street p{
      font-family: 'Chowderhead';
      display: inline-block;
    }

    .banner{
/*          box-shadow: rgba(0,0,0,0.1) 0px 2px 5px;
    z-index: 100;
    position: relative;*/
    }

    .sky{
          background-image: url(../images/headerFader.png);
    background-repeat: repeat-x;
    background-position-y: -82px;
    }

    /*Modified social hook*/

    #socialHook{
      margin:0 !important;
      width: 100% !important;
    }

    #socialHook div{
      display: block;
      margin: 0;
      padding: 2px 0;
      width: 100%;
    }

    .fb-root{
      margin:0 !important;
      padding:0 !important;
    }



    #freeTrial{
      text-align: center;
    }

    #button-holder{
      text-align: center;
    }
    #freeArea{
      background-color: #fff;
      width: 50%;
      margin: 0 auto;
      border-radius: 10px;
      display: inline-block;
      vertical-align: middle;
      box-shadow: 0px 5px 10px #274763;
      z-index: 10;
      position: relative;
    }

    #free-form{
      text-align: left;
    }


    #free-form .infoBlock{
      background-color: transparent;
      /*margin-top: 1em;*/
      margin: 0;
    }

    form{
      margin: 0;
    }

    .free-form-wrap{
      margin-bottom: 1em !important;
    }
    .free-form-wrap>#state{
      margin-bottom: 0;
    }

    #free-form label{
      text-transform: uppercase;
      float: none;
      display: inline-block;
      vertical-align: middle;
      width: 20%;
      font-family: 'Nevis';
      padding: 4px;
    }
    #free-form input, .checkMe{
      padding:1em;
      width: 60%;
      display: inline-block;
      vertical-align: middle;
      float:none;
      margin-bottom: 0;
    }

    #free-form input[type="checkbox"]{
      float: none;
      display: inline-block;
      vertical-align: middle;
      width: 6%;
      text-align: right;
      box-shadow: none;
      margin: 1em;
      margin-left: 18%;
    }

    .checkMe{
      width: 65%;
      line-height: 1.25em;
      margin-top: 0;
      padding: 0;
    }

    #check-holder{
      margin-bottom: 0;
    }
    
    #state{
      margin-left: 7px;
    }

    #edmodo-logo {
  display: inline-block;
  position: relative;
  top:6px;
  right: 16px;
  margin:0;
  vertical-align: baseline;
}
#vertical-divider {
  position: relative;
  width: 0px;
  right: 7px;
  display: inline-block;
  border-left: 1px solid #2567a8;
  border-right: 1px solid #4b8dce;
  height:inherit;
}
#vertical-divider:after {
    content: '.';
    visibility: hidden;
}
#edmodo {
  font-weight: 500;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
button.login-edmodo-button {
    line-height: 52px;
    padding: 0 14px 0 28px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #3784d3;
    box-shadow: 0 2px 0 #276bb0;
    border: 0;
    height: 48px;
    float: none;
    width: 252px;
    margin: 0 auto;
}
button.login-edmodo-button:hover {
    text-decoration: none;
    color: white;
    background-color: #2d7bcc;
}
button.login-edmodo-button p {
    color: white;
    text-shadow: 0 1px 0 #555555;
    font-size: 19px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 300;
    display: inline-block;
    margin:0;
    text-transform: none;
    padding:0px;
}

button.login-clever-button{
  float: none;
  display: block;
  margin: 0 auto;
  width: 260px;
  border: none;
  background: none;
  margin-bottom: 10px;
}

button.login-clever-button img{
  width: 100%;
}

/*    button.login-edmodo-button {
      width: 30%;
      margin: 1em auto;
      margin-top: 0;
    }*/

    #create-submit{
      height: 60px;
      width: 100%;
      margin: 0 auto;
      margin-bottom: -33px;
      float: none;
      font-size: 1.5em;
      border-radius: 0 0 10px 10px;
      font-family: 'nevis';
      text-transform: uppercase;
    }

    .sub{
      margin: 0 auto;
      text-align: center;
      font-size:28px;
      font-family: 'Chowderhead';
      text-transform: none;
      margin-bottom: 20px;
      margin-top: -10px;
      width: 75%;
    }

    #left, #right{
      margin-top: 0;
      display: inline-block;
      float: none;
      vertical-align: middle;
      z-index: 1;
    }

    #left{
      margin-right:-5px;
    }

    #right{
      margin-left: -5px;
    }

    


    .quote h3{
      text-align: left;
    }

    .quote p{
      font-family: 'MuseoSans500Regular', sans-serif;
      font-size: 14px;
      padding-left: 20px;

    }

    .quoted{

      width: 100%;
      padding: 20px 0;
      /*margin-top: 1em;*/
      color:white;
    }

    #left .quoted{
      border-radius: 10px 0 0 0;
    }
    #right .quoted{
     border-radius: 0 10px 0 0; 
    }

    .quoted h3{
      text-align: right;
      padding: 0 20px 0 0;
      color: #866222;
    }

    .quoted p{
      font-size: 18px;
    }

    .free-form-wrap .parsley-error-list{
      width: 60%;
      margin: 0;
      padding: 13px;
      margin-left: 23%;
    }

    #freeArea h3:first-child{
      font-size: 2em;
      border-radius: 10px 10px 0 0;
      font-family: 'Chowderhead';
      text-align: center;
      text-transform: none;
      margin-bottom: 0;
      color: white;
      text-shadow: 1px 1px 1px rgba(0,0,0,1);
      padding: 10px;
      background-color: #0064cd;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
      background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
      background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
      background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
      background-image: -o-linear-gradient(top, #049cdb, #0064cd);
      background-image: linear-gradient(top, #049cdb, #0064cd);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    }


    /*Updated login page*/

    #loginArea{
      margin: 0 auto;
      display: block;
      float: none;
      text-align: center;
      width: 80%;
    }

    .quote form{
      background-color: #fff;
    }

    #formArea{
      padding: 3em 2em;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .formCol{
        /* border: solid 1px black; */
    }

/*    form h3{
          font-size: 2.5em;
    line-height: 1em;
    }*/
    
    #loginArea label, #loginArea input{
      display: inline-block;
      vertical-align: middle;
      position: relative;
      float: none;
      width: 100%;

    }

    #loginArea label{
      /*width: 20%;*/
      padding: .5em 0;
      text-align: left;
      margin: 0;
      font-family: 'Nevis';
    text-transform: uppercase;
    }

    #loginArea input{
      line-height: 1em;
    padding: 1em 1%;
    width: 98%;
    /*width: 70%;*/
    margin: 0;
    }

    .formRow{
      margin-bottom: 1em !important;
      text-align: left;
    }

    #login {
      font-family: 'Nevis';
      font-size: 2em;
      border-radius: 4px;
      /*width: 86%;*/
      background-color: #59ba47;
      background-image: none;

      box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
      text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;
    }

    #login:hover{
      background-color: #65CE52;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.5);
    }

    .login-edmodo-button{
      margin-bottom: 2em;
    }

/*    button.login-edmodo-button {
      width: 30%;
      margin-left: 24%;
      margin: 0 auto;
      margin-bottom: 10%;
    }*/

    #forgot.btn{
      margin: 0;
      padding: 1em 1%;
      width: 98%;
      border-radius: 0 0 4px 4px;
      background-image: none;
      background-color: #fff;
      border: solid 1px rgb(204, 204, 204);
      border-top: none;
      color: rgb(204, 204, 204);
      text-shadow: none;
    }

    #sep-or{
      padding: 0.5em 0 0 0;
    font-family: 'MuseoSans500Italic';
    font-size: 14px;
    }

    #forgot:hover{
      color:white;
      background-color: red;
    }

    .btn{
      float: none;
    }

    #forgotPasswordModal h3{
      font-size: 1.5em;
    }

    #forgotPasswordModal{
      margin: 0 0 0 -200px;
      top: 10em;
    }

    #error{
      background-color: #F97474;
      color: #A50000;
      letter-spacing: 1px;
      font-family: Arial, sans-serif;
      text-transform: none;
      width: 100%;
      padding: 1em 0;
      border-radius: 10px 10px 0 0 ;
    }

    #interQuote{
      display: inline-block;
      vertical-align: middle;
      width: 25%;
      margin-left: -25%;
      position: relative;
    }

    #interQuote .testi{
      width: 75%;
      z-index: 2;
      position: relative;
    }

    #interQuote img{
          margin-top: -55%;
          z-index: 1;
          position: relative;
          width: 102%;
    }

    #login-create{
      color: #BFBFC1;
      padding: 1.5em 0 0 0;
      display: inline-block;
      font-family: 'MuseoSans500Italic';
      font-size: 14px;
    }

    #login-create:hover{
      color: black;
    }

    #volumePurchase{
      margin-top: 100px;
      margin-bottom: -144px;
      text-align: center;
    }

    #volumePurchase p{
      z-index: 2;
      position: relative;
    }

    #volumePurchase p:first-child{
      width: 60%;
      font-size: 1.5em;
      margin: 0 auto;
    }

    #volumePurchase p:nth-child(2){
      margin-bottom: 0;
    }

    #volumePurchase img{
      margin-top: -45%;
      width: 90%;
      margin-left: 13%;
    }

    #resetPass{
      min-height:500px;
    }

    #resetPass h2{
      font-family: 'Chowderhead';
      text-transform: none;
      font-size: 3em;
      line-height: 1.5em;
    }

    #resetPass p{
      font-family: 'MuseoSans500Regular';
      line-height: 1.5em;
      font-size: 1.25em;
      padding: 2em;
      width: 50%;
      margin: 0 auto;
    }

    #launch{
          margin-top: -80px;
    }

    #punc-launch{
      background-color: rgb(253,195,104);
      background-image: url(/images/punctuation/puncCityBG.png);
      background-repeat: repeat-x;
      background-position: center 20px;
    }

    #punc-launch a button, #trickyButtonHover{
      background-color: white;
      border-radius: 10px;
      box-shadow: 0px 2px 2px rgba(0,0,0,0);
      padding: 0 20px;
      padding-bottom: 20px;
      width: 600px;
    }

    #trickyButtonHover{
      width: 100%;
      margin: 0;
      border-radius: 0;
      border: none;
      color:black;
    }
    #trickyButtonHover p{
      padding: 0;
    }

    #punc-launch a button:hover, #punc-launch a button.hovered{
      box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
      background-color: rgb(0, 106, 241);
    }

     #punc-launch p, #trickyButtonHover p {
      margin-bottom: 0;
      font-size: 14px;
       /*padding-right: 200px; */
      display: inline;
    }


/*    #punc-launch span{
      font-family: 'Chowderhead', serif;
      font-size: 2em;
      font-style: italic;
      vertical-align: middle;
    }*/

    #punc-launch button img,  #trickyButtonHover img{
      width: 200px;
      vertical-align: middle;
      margin-top: -25px;
      margin-bottom: -25px;
    }

    #qBanner{
      position: relative;
      width: 240px;
      margin: 0px -75px -103px -180px;
    }

    #shieldBanner{
      position: relative;
      width: 200px;
      margin-right: -200px;
      margin-bottom: -50px;
      /* display: table-cell; */
    }

    #countdown{
      display:inline;
      text-align: center;
      font-family: 'Chowderhead', serif;
      color: white;
    }

    .launchtext{
          display: block;
    margin-top: -20px;
    margin-bottom: 3px;
    color:#30afe3;
    font-family: 'nevis', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 0px;
    }

    .launchtext.hovered{
      color: white;
    }

    #countdown span{
      font-size: 1.5em;
      letter-spacing: 0.1em;
      font-style:normal;
      display: inline;
      vertical-align: middle;
      width: 50px;
    }

    #countdown div > span{
      padding: 0px;
      display: inline-block;
    }

    #countdown > div{
    padding: 5px;
    border-radius: 6px;
    background: #464646;
    display: inline-block;
    /* padding-bottom: 10px; */
    }

    .smallText{
      font-family: 'nevis';
      text-transform: uppercase;
      font-size: 8px;
      letter-spacing: 2px;
    }



    .imagePopOut{
      width: 50%;
      display: inline-block;
      vertical-align: bottom;
    }

    .imagePopOut img{
      width: 100%;
    }

    .infoPopOut{
      width: 49%;
      padding: 3em 0;
      text-align: center;
      display: inline-block;
      vertical-align: top;
    }


    .areaText{
      border: dashed 5px rgba(64,99,130,0.75);
      padding: 2em;
      border-radius: 5px;
    }

    .areaText p {
      font-family: 'Museo';
      font-size: 16px;
      line-height: 1.5em;
    }

    .areaSeal h3{
      font-family: 'nevis';
      text-align: center;
      font-size: 1.5em;
      padding-bottom: 1em;
    }

  #promoBanner{
    background-color: #d67dce;
    /*background-color: rgb(253,195,104);*/
    background-image: url(/images/areaPromoBGRepeat.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
        z-index: 100;
    position: relative;
  }

  #promoClicker{
    background-color: rgba(255,255,255,1);
    border-radius: 10px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0);
    padding: 10px;
    width: 600px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-top: -80px;
  }
  
  #promoClicker h3{
    font-family: 'nevis';
    text-transform: uppercase;
    line-height: 1.25em;
    width: 50%;
    margin: 0 auto;
  }

  #leftSeal{
    position: relative;
    width: 340px;
    margin-right: -235px;
    margin-bottom: 50px;
    vertical-align: middle;
    display: inline-block;
  }

  #rightSeal{
    position: relative;
    width: 340px;
    margin-left: -235px;
    margin-bottom: 50px;
    display: inline-block;
    vertical-align: middle;
  }

  #leftSeal img, #rightSeal img{
    width: 125px;
    vertical-align: top;
  }

  .areaClick {
    display: inline-block;
    vertical-align: middle;
  }
  .areaClick h4{
    font-family: 'nevis';
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    font-size: 12px;
    text-transform: uppercase;
    margin-top: -0.5em;
    /*display: none;*/
  }

  #sealPromoArea{
    width: 53%;
      /*margin-left: 16%;*/
      display: inline-block;
      /*background-color: pink;*/
      vertical-align: middle;
  }

  #textPromo{
    width: 15%;
    display: inline-block;
    vertical-align: middle;
  }

  #sealPops{
        width: 120%;
    margin-left: -11%;
    text-align: center;
    /* background-color: pink; */
    border-radius: 10px;
    padding: 0;
  }

  #sealPops img{
    width: 62px;
    display: inline-block;
    margin: 0;
    position: relative;
  }

  #edu-visit h3{
        font-size: 32px;
    margin: 7px;
    line-height: 30px;
  }

  .areaPromo{
    display: inline-block;
    /*width: 125px;*/
  /*  padding: 5px 10px;
    margin: -40px 5px !important;
    background-size: 100px 100px;
    border-radius: 5px;
    vertical-align: center;
    border: dashed 5px rgba(64,99,130,0);*/
  }

  #leftSeal:hover, #rightSeal:hover, #promoClicker:hover{
    cursor: pointer;
    cursor: hand;
  }

  .areaPromo h3{

  }

  .areaPromo img{
    width: 100%;
  }

  .areaPromo p{
    font-family: 'Chowderhead', serif;
    text-align: center;
    font-size: 20px;
    display: none;
    
  }

@media only screen and (max-width: 870px){
  #volumePurchase p:first-child{
    font-size: 1.25em;
  }

  #interQuote img{
    margin-top: -66%;
  }

  .multi#left{width:24%; margin-right: -20px;}
    .single#right{width:24%; margin-left: -20px;}
}

@media only screen and (max-width: 800px){
  .land ul{
    vertical-align: middle;
  }

  .land li{
    display: block;
    
  }
  .land li:first-of-type {
    padding-left: 0.75em;
    text-align: left;
  }


  #volumePurchase p:nth-child(2){
    margin-bottom: 0;
  }

}

@media only screen and (max-width:750px){
  #volumePurchase img {
    margin-top: -50%;
    width: 95%;
    margin-left: 11%;
  }
}

@media only screen and (max-width: 625px){

  .wrapper{
    width:auto;
  }
  .bucket:first-of-type{
    position: relative;
  }

  .bucket:nth-child(2){
    margin-top: 0;
    padding-top: 0;
  }
  .land *{
    float:none !important;
    display: block;
    
  }

  .land{
    text-align: center;
    height: auto;
  }
  .land ul{
     border-top: solid 1px #65ACEC;
    display: block;
    margin: 0 auto;
  }

  .land li{
/*    border-top: solid 1px #65ACEC;
        text-align: center !important;
        font-size: 1.5em;
    line-height: 2em;*/
        /*border-top: solid 1px #65ACEC;*/
    text-align: center !important;
    font-size: 1em;
    line-height: 2em;
    display: inline-block;
  }
  
  .land li.mobileNav{
    display: inline-block;
  }


  .land,
  .testi, 
  .feature,
  .col,
  .col .feature,
  .col.comment,
  .brief,
  .nav,
  #nounFree,
  #footer div,
  #teacherQuote .testi  
  {
    width: 100%;
    text-align: center;
  }

  #edu-visit{
        background-image: url(../images/diagramCast.png);
        width: 90%;
        height: 220px;
        margin-top: 15%;
        margin-bottom: 1em;
        background-size: contain;
        background-color: transparent;
        background-position: 50% 10px;
        box-shadow: none;
  }

  .wrap h2, #freeTrial h2, .subscribe h2{
    font-size: 2em;
    line-height: 1em;
  }

  .sub, .subscribe h3.sub {
    width:50%;
    font-size: 1em;
    line-height: 1em;
    padding-top: 1em;
  }

  .subscribe h3.sub {
    width: 80%;
    padding-top: 0em;
  }

  #left, #right{
        background-size: 100%;
    background-position: bottom !important;
  }


  #eduFree{
    width: 100%;
    margin-bottom: 240px;
    border-radius:10px;
    font-size: 1.25em !important;
  }

  #nounTown{
    background-image: none;
  }

  .feature img{
    width:70%;
  }

  .feature h3{
    font-size: 1.5em;
  }

  #feature-CTA{
    font-size: 1.5em;
  }

  .col .feature{
    padding-top: 1em;
  }

  .col .testi{

    border:none;
  }

  #contact section{
    width: 90%;
  }

  .testi, #teacherQuote .testi{
    width: 90%;
    padding: 1em 0;
  }

  .testi, #studentQuote .testi{
    border-top: solid rgba(0,0,0,0.2) 2px;
  }

  .testi:first-child{
    border:none;
  }

  #volumePurchase img{
    width: 90%;
    margin-left: 0;
    margin-top: -50%;
  }

  #volumePurchase p:first-child{
    width: 50%;
    margin: 0 auto;
    margin-left: 16%;
  }
  #volumePurchase p:nth-child(2){
  margin-left: -18%;
  }

  .testi p:nth-child(odd) {
    font-size: 1em;
    line-height: 1.5em;
  }

  .testi p:nth-child(even) {
    font-size: .9em;
    padding-top: .25em;
}

  .dasher{
    border: none;
    margin: 0 !important;
  }

  .brief h3{
    font-size: 2em;
  }

  #interQuote,
  .brief-image,
  .inset,
  .nav.right,
  #street,
  #main-CTA,
  #edu-visit h3,
  img[src*="images/NounCertificateScreen.png"],
  #VS,
  #lines
  {
    display:none;
  }

  .app{
    width: inherit !important;
    min-width: 0 !important;
  }

  .app p{
    margin: 0 auto;
    margin-left: 0px !important;
  }

  .app h4, .app h5{
    width: 100%;
    clear: both;
  }

  .single#right, .multi#left{
    display: none;
  }

  #freeArea{
    width: 90%;
  }

  #create-submit{
    width: 80%;
    border-radius: 10px;
    margin-bottom: 1em !important;
    font-size: 1em;
  }

  #why #left, #why #right{
    width:100%;
  }
  #why section{
    float: none !important;
    width: 100% !important;
  }

  #why section h2, #why section h2 span {
    font-size: 2em;
    line-height: 1em;
    text-shadow: none;
  }

  #why .tableJoin h2{
    font-size: 1em !important;
    text-shadow: none;
    padding: 0;
  }

  #classAccountIncludes, #classAccountQuote, #classBuyCTA, #licensesInclude{
    display:none;
  }

  .quote.buy, #eduQuote{
    width: 95%;
    padding: 0;
    float: none;
  }

  .quote.buy label, .quote.buy input, #eduQuote label, #eduQuote input{
    width: 80%;
    text-align: left;
  }

  .parsley-error-list{
    width:77% !important;
    margin: -10px 0 0 0 !important;

  }

  .price{
    display: inline-block;
  }

  .price select{
    width: 80%;
  }

  #couponCodeCheck{
    width: 80%;
  }

  #costCalc{
    padding: 0;
  }
  #tos{
    margin-left: 0;
  }


}

@media only screen and (max-width: 500px){
  .col .testi{
    width: 80%;
  }
  #volumePurchase p:first-child{
    width: 60%;
    margin-left: 11%;
    font-size: 1.2em;
  }


}

@media only screen and (max-width: 450px){

  #volumePurchase p:first-child{
    width: 60%;
    margin-left: 11%;
    font-size: 1.1em;
  }

}