.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); }