/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*** End CSS Reset ***/

html {
	/*display: inline; this cannot be set as it messes with the device width calc */
	height: 100%;
	width: 100%;
}
body {
	/*display: inline; this cannot be set as it messes with the device width calc */
	height: 100%;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
}
img {
    max-width: 100%;
}

/*********** Header Info **********/
header {
    max-width: 1920px;
    margin: 0 auto;
}

/******** Main Body *********/
.mainBody {
    padding: 10px;
}

h1 {
    font-weight: bold;
    color: #0488ca;
    font-size: 24px;
    padding-bottom: 20px;
}

p { padding-bottom: 15px;}
.customerList {
    padding-bottom: 10px;
}
.redXFlex {
    display: flex;
    padding-bottom: 15px;
    width: 90%;
    margin: 0 auto;
}
.redX {
    width: 30px;
    padding-right: 10px;
}
.listText {
    width: 89%;
}
.infoGraphicFlex {
    padding-bottom: 35px;
}
.customerList {
    padding-bottom: 10px;
}
.halfXFlex {
    display: flex;
    padding-bottom: 15px;
    width: 90%;
    margin: 0 auto;
}
.halfdX {
    width: 40px;
    padding-right: 10px;
}
.pageBreak {
    border-top: 1px solid #cccccc;
    margin-bottom: 40px;
}
.gameChangerText {
    padding-bottom: 35px;
}
.gameChanger {
    padding-bottom: 30px;
}

.formBackground {
    background: rgb(15,88,141);
background: linear-gradient(38deg, rgba(15,88,141,1) 0%, rgba(27,137,200,1) 70%, rgba(141,197,69,1) 100%);
}
.formHead {
    text-align: center;
    column-rule-color: white;
    font-family: 'Montserrat', sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 200;
    padding: 10px;
}
.formBreak {
    border-top: 1px solid #ffffff;
    margin-bottom: 20px;
}
.formWrap {
    padding: 15px;
}

.prizes { padding:0 10px 30px 10px;}

/******** Footer **********/
footer {
    background-color: black;
    color: white;
    border-top: 8px solid #3fbd9e;
    text-align: center;
}
.logo {
    padding: 20px 10px;
}
.copyright {
    padding-bottom: 30px;
}

@media only screen and (max-width: 479px){
/* Hide Things from Phone View */
}

@media only screen and (max-width: 599px){
/* Hide Things from Phone Landscape and Phone View */

}
@media only screen and (max-width: 767px){
/* Hide Things from Phone Landscape and Phone View */
.headTablet {display: none;}
}
@media only screen and (max-width: 1299px){
/* Hide Things from Phone Landscape and Phone View */
.headDesk {display: none;}
}

@media only screen and (min-width: 320px){
/* Smart Phones, Portrait iPhone, Portrait 480x320 phones (Android) */
}

@media only screen and (min-width: 480px){
/* Smartphones, Android Phones, Landscape iPhone */
}

@media only screen and (min-width: 600px){
.infoGraphicFlex { display: flex; }
.grap1 { padding-right: 5px;}
.infoGraphic { width: 48%;}
}

@media only screen and (min-width: 768px){
/* Tablet, Landscape iPhone, Lo-res Laptops and Desktops */
.headPhone {display: none;}
.footerFlex { display: flex; justify-content: space-around; align-items: center;}
.copyright { align-self: flex-end; padding: 0 0 30px 0;}
.logo { padding: 25px 0 0 0; width: 500px;}
}

@media only screen and (min-width: 1024px){
/* Big landscape tablets, Laptops, & Desktops */
.mainBody { display: flex; justify-content: space-between;}
.mainBodyLeft { width: 64%;}
.mainBodyRight { width: 32%;}
}

@media only screen and (min-width: 1300px){
.headTablet { display: none;}
.mainBody { padding: 20px;}
h1 { font-size: 36px;}
p { padding-bottom: 15px; font-size: 18px;}
.listText { font-size: 18px;}
.formHead { font-size: 43px; padding: 35px 10px 15px 10px;}
/********* Footer ***********/
.logo { width: 500px;}
}

@media only screen and (min-width: 1550px){
.mainBody { max-width: 1550px; margin: 0 auto;}
.mainBodyLeft { width: 64%;}
.mainBodyRight { width: 28%;}
.formWrap {padding: 15px 30px;}
.prizes { max-width: 1550px; margin: 0 auto; padding: 0 0 40px 0;}
}