.roboto {
   font-family: 'Roboto Slab', serif;
   /*font-size:14px;*/
}
.titillium {
    font-family: 'Titillium Web', sans-serif;
    /*font-size:14px;*/
}
.coustard {
    font-family: 'Coustard', serif;
    /*font-size:14px;*/
}
h2.coustard {
    font-family: 'Coustard', serif;
    font-size:2.0rem;
}

.raleway {
  font-family: 'Raleway', 'Helvetica Neue Medium', 'Open Sans', Arial, sans-serif;
  /*font-size:14px;*/
}

.cormorant {
  font-family: 'Cormorant Garamond', serif;
  /*font-size:14px;*/
}

.f1942 {
  font-family: '1942';
  /*font-size:14px;*/
}

.specialelite {
  font-family: 'specialelite';
  /*font-size:14px;*/
}

.teletype {
    font-family: 'teletype_1945-1985regular';
  /*font-size:14px;*/
}

.capture {
    font-family: 'capture_itregular';
  /*font-size:14px;*/
}

.Judson {
  font-family: 'Judson';
}
#titleText, #subTitleText {
  font-size:1.3em;
}
.red {
  color:#F01823;
}

body {
  background-color: #ffffff;
  line-height: 1.1rem;
  font-family: 'Raleway', 'Helvetica Neue Medium', 'Open Sans', Arial, sans-serif;
  /*background-color: #E5E4E2;*/
}

#outer-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1024px;
/*   background-image: url(img/1366_bground.jpg);
    background-position: center 400px;
    background-repeat: repeat-y;
*/
}
#nameplate  {
    width:100%;
    height: 100%;
    background-color:#ffffff;
    background-image: url(img/WHN_bannerBackground.png);
    background-repeat: repeat-x;
    text-align: center;
}
#whn-logo   {
    padding: 0px 25px 20px 15px;
}
#forWwiiLogo {
    padding-left: 0px;
    padding-right: 0px;
    margin-top:15px;
    background-color: #ffffff;
}
#spOfferImage {
display:block;
  width:100%;
  max-width:300px;
  margin-right:auto;
  margin-left:auto;
}

#row1 {
  background-color: #ffffff;
}

#wwiiLogo   {
    padding: 10px 10px 0px 10px;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    background-color: #ffffff;
 }
#invitation {
     text-align:center;
     color: #ffffff;
     font-weight:500;
     font-size:1.1rem;
     margin-top:0px;
     padding:5px;
     padding-top:0px;
     margin-bottom:15px;
}
.body-text  {
  font-size:1.1rem;
  line-height:1.5rem;
}
  @media (max-width: 860px) {
      .body-text  {
      font-size:1.1rem;
      line-height:1.5rem;
    }
  }
  @media min-width: 814px) {
      .body-text  {
      font-size:1.0rem;
      line-height:1.5rem;
    }
  }

#forBigText {
    padding-top:25px;
}

#img_1  {
    width: 100%;
    max-width:650px;
    min-width:340px;
}
.copyright {
     font-size:.8rem;
     text-align: center;
     padding-top:0px;
     padding-right:5px;
     padding-left:5px;
     color:#ffffff;
}
.cr_top {
  padding-top: 10px;
}


.copyright a {
     color:#ffffff;
     text-decoration: underline;
}
.quote1 {
    font-size:1.8rem;
    margin-top:0px;
}

#emailPromise {
    margin-left:0px;
    font-size:1rem;
    color:#ffffff;
    font-weight:500;
    font-family: 'Raleway', 'Helvetica Neue Medium', 'Open Sans', Arial, sans-serif;
    padding:5px;
    padding-left:10px;
    margin-bottom:15px;
    background-color:#17a2b8;
}

.nowrap {
    white-space: nowrap;
}
.flare {
  -webkit-filter: drop-shadow(5px 12px 20px #DED792);
  filter: drop-shadow(5px 12px 20px #DED792);
}
h1 {
  font-size: 4.58rem;
  font-family: bevan;
  padding-top: 0px;
  text-align: center;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  color:#ED1C24;
  text-shadow: 2px 2px #DED792;
 }

#titleMain {

}

.confirm {
  background-color:#ffffff;
}

h2 {
  font-size: 2.0rem;

  /*text-align: center;*/
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color:#ED1C24;

}
h3 {
       font-size:1.8em;
       font-family: 'Segoe UI Light', 'Open Sans', 'Helvetica Neue Medium', Arial, sans-serif;
       text-align:center;
       width:100%;
       margin-right:auto;
       margin-left:auto;
       padding:10px 10px 10px 10px;
      line-height:1.5em;
       margin-top:0px;
       color:#000000;
       font-weight:600;

       margin-bottom:0px;
       /text-transform:uppercase;*/
       text-shadow:  none;
     /*background-color: #000000;*/

     }
#big-p {
      font-size:1.4em;
       font-family: 'Segoe UI Light', 'Open Sans', 'Helvetica Neue Medium', Arial, sans-serif;
       /*text-align:center;
       width:100%;
       margin-right:auto;
       margin-left:auto;
       padding:0px 10px 10px 10px;*/
       line-height:1.5em;
       color:#000000;
       font-weight:500;
       margin-bottom:30px;
       text-transform:uppercase;
       line-height:18px;
     }

h2.center, h3.center, h4.center {
    text-align: center;
}

h3.black-bg {
  background-color:#000000;
  color:#ffffff;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid 10px #ffffff;
}

.orderform  {
  padding: 10px;
  /*background-color: #E5E4E2;*/
}
.cvv {
  width:50%;
}

#subscriberInfo {
  padding:15px 10px 15px 10px;
  /*background-color: #E5E4E2;*/
  font-weight:800;
}

.btnSubmit  {
  text-transform: uppercase;
  width:100%;
  color: #ffffff;
  font-size:1.3rem;
  font-weight:500;
  background-color: #ff0000;
  padding: 10px 10px 12px 10px;
  margin-bottom:5px;
}

.btn-offer {
     font-family:Arial, Helvetica, sans-serif;
     font-size:1.4em;
     /*text-transform: uppercase;*/
     width:100%;
     color: #ffffff;
     background-color: #ff0000;
     padding: 10px 10px 12px 10px;
     margin-bottom:5px;
     line-height:normal;
     }
.btn-offer-donation {
     font-family:Arial, Helvetica, sans-serif;
     font-size:1.4em;
     /*text-transform: uppercase;*/
     width:100%;
     color: #ffffff;
     background-color: #ff0000;
     padding: 10px 10px 12px 10px;
     margin-bottom:5px;
     line-height:normal;
     }	 
     .btn-link {
     font-family:specialelite;
     font-size:1.2em;
     /*text-transform: uppercase;*/
     width:33%;
     color: #ffffff;
     background-color: #000000;
     padding: 10px 10px 12px 10px;
     margin-bottom:5px;

     }


.my-border {
    /*border: solid 1px;
    padding:7px;
    border-color: #000000;
    background-color:black;
    color:white;*/
}
#textLocation_1_a, #textLocation_1_b, #forBigText1 {
   display:block;
}
#textLocation_2_a, #textLocation_2_b, #forBigText2 {
   display:none;
}
@media (max-width: 1213px) {
    #textLocation_1_a {
       display:block;
    }
    #textLocation_1_b {
        display:block;
    }
    #textLocation_2_a {
       display:none;
    }
    #textLocation_2_b {
       display:none;
    }
}
@media (max-width: 930px) {
    #textLocation_1_a {
       display:block;
        }
    #textLocation_1_b {
        display:none;
    }
    #textLocation_2_a {
       display:none;
    }
    #textLocation_2_b {
       display:block;
    }
    #forTextBody {
        padding-left:5px;
    }
    #forImg_1 {
      padding-right:5px;
    }
    .quote1 {
        font-size:1.4rem;
    }
    #img_1 {
      min-width:482px;
    }

    #titleText {
      margin-left:-5px;
    }
  }
   @media (max-width: 790px) {
      #textLocation_1_a, #textLocation_1_b {
        display:none;
      }
      #textLocation_2_a, #textLocation_2_b {
        display:block;
      }
   }

  @media (max-width: 834px) {
      .quote1 {
        font-size:1.4rem;
    }
        #forTextBody {
        padding-left:0px;
    }
 }
  @media (max-width: 730px) {
      .quote1 {
      font-size:1.2rem;
    }
  }
    @media (max-width: 510px) {
      #img_1 {
        min-width:325px;
      }

      .quote1 {
      font-size:1.2rem;
    }
  }
  @media (max-width: 617px) {
      .quote1 {
      font-size:1rem;
    }
      #forBigText1 {
       display:none;
     }
     #forBigText2 {
       display:block;
     }

  }
  @media (max-width: 360px) {
      .quote1 {
      font-size:1rem;
    }
  }

 @media (max-width: 778px) {
    .roboto, .titillium, .raleway, .titillium, .coustard  {
        /*font-size:1.2rem;*/
    }
    h2.roboto, h2.titillium, h2.raleway, h2.titillium, h2.coustard  {
        /*font-size:2.0rem;*/
    }
    #invitation {
         font-size:.8rem;
    }


 }



 @media (max-width: 360px) {
    #invitation {
         font-weight:500;
         font-size:.7rem;
     }
     #copyright {
         font-size:.3rem;
     }

 }
 .black-txt {
  color:#000000;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#zip, #phone, #state {
  width:280px;
}


.form-control  {
  font-size:1.5rem;
  padding-top:0px;
  padding-bottom:0px;
  border: 1px solid #546140;
  border-radius: 0rem;
}
.flip_phone {
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
}