html, #page-intro-points, body {
    font-family: 'omnes', arial, sans-serif; 
}

.main-content {padding-top:64px ;margin:0; background: rgba(89, 89, 89, 1) url("https://my.woolworthsrewards.com.au/sf/images/cna0224-desktop-bg.jpg") no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }



.thankyou{ min-height:400px}
.fontColor { color:#294344;}
.Tnxpding{ padding:10% 0% !important;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'omnes', arial, sans-serif;line-height: 1.1;margin-bottom: 2%;margin-top: 5px; font-weight:bold; }


h6{margin-bottom: 2%;}
h3{margin-bottom: 3%; font-size:3.3rem;}
h4{margin-bottom: 2%; font-size:2.2rem;}

h3 .heading {color: #f5751e;}

label.error {color: #ff0000;font-weight: bold; background: rgba(0, 0, 0, 0.55);padding: 1% 0; width: 60%; display:inline-block; font-size:16px; }

label.active {color: #ff0000;}

.h5-Bpding{margin-top:0px; margin-bottom:0px; padding-bottom:4%;}


.BPding{ padding-bottom:3%;}
#page-intro-points {position: relative; top: -64px; background-color: transparent;}

.page-content {padding:0;margin:0; background-color: transparent; }

.form-container{ width:45%; margin:0 auto; text-align:center; padding:2% 0% 0% 0%;}
.logo{ margin:0 auto; padding:0%; text-align:center;}


input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {border:1px solid #39464e;background-color: #fff;border-image: none;border-radius: 0;box-shadow: none;box-sizing: content-box;font-size: 2.5rem;text-align:center;height: 3.1rem;margin: 0 0 10px;outline: medium none;padding: 2%;transition: all 0.3s ease 0s;width: 56%;font-family: 'omnes', arial, sans-serif; color:#000000; }



.form-group{ padding:0% 0% 1% 0%;}



.Activationbtn {background-color: #f47920;border: medium none;border-radius: 0px;cursor: pointer;font-size: 24px;height: 57px;letter-spacing: 0.5px;text-align: center;text-decoration: none;transition: all 0.2s ease-out 0s;width: 40%; font-weight:bold; color:#ffffff;  font-family: 'omnes', arial, sans-serif; }

.Activationbtn:hover, .Activationbtn:active, .Activationbtn:hover, .Activationbtn:link, .Activationbtn:visited, .Activationbtn:focus {background-color: #f47920;}
.SignUpbtn, .SignUpbtn:active, .SignUpbtn:hover, SignUpbtn:link, SignUpbtn:visited { background-color:#f47920; border: medium none;border-radius: 0px;cursor: pointer;font-size: 24px;height: 50px;letter-spacing: 0.5px;text-align: center;text-decoration: none;transition: all 0.2s ease-out 0s;width: 60%; font-weight:bold; color:#ffffff;  font-family: 'omnes', arial, sans-serif; }

.TPding{ padding:15% 0% 0% 0%;}
.Pding{ padding:0% 0% 2% 0%;}
.BPding{ padding-bottom:15%;}
.content-area {padding-bottom: 8%;}

.disclaimer{ text-align:center; font-size:12px; padding:0% 3% 3% 3% ; }
.paragraph{ text-align:center; font-size:14px; padding:0% 3% 10% 3% ; }
.termsContainer{ width:70%; margin:0 auto;}
.description{ font-size:16px; padding:0% 0% 2% 0%;}




/*thank you page*/
.activation {min-height: 300px;padding-top: 5%;text-align: center;}
.displayNone { display:none;}



.thankyouPding{ padding:5% 0%}


@media (max-width: 1000px) {
.form-container{ width:75%; margin:0 auto;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {font-size: 2.2rem;}
}



@media (max-width: 800px) {
.form-container{ width:75%; margin:0 auto;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {font-size: 2.2rem;}
}

@media (max-width: 640px) {
.main-content {padding-top: 0;margin:0; background-color: #cceaea;}
.top { background-image: url(https://my.woolworthsrewards.com.au/sf/images/cna0224-top.jpg); background-size: cover; background-repeat: no-repeat; width: 100%;height: 175px;} 
.bottom { background-image: url(https://my.woolworthsrewards.com.au/sf/images/cna0224-bottom.jpg); background-size: cover; background-repeat: no-repeat; width: 100%;height: 153px;}
.form-container{ width:95%; margin:0 auto;}
labbel .error, .error {margin-left: 0;padding: 0%;width: 100%;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {font-size: 2.2rem; width: 75% !important;}
.Activationbtn:active, .SignUpbtn:active, .SignUpbtn:hover, .Activationbtn:hover, .Activationbtn, .SignUpbtn {width: 79%; font-size:20px; }
labbel.error, .error {margin-left: 0;padding: 0%;width: 79% !important;}
h3{font-size:2.8rem; padding:5%;}
.termsContainer{ width:100%; margin:0 auto;}
.description{ font-size:16px; padding:0% 0% 2% 0%;}
#page-intro-points {position: relative; top: -30px; background-color: transparent;}

}
@media (max-width: 420px) {
.form-container{ width:95%; margin:0 auto;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {width: 96% !important; font-size: 2.1rem;}
.Activationbtn:active, .SignUpbtn:active, .SignUpbtn:hover, .Activationbtn:hover, .Activationbtn, .SignUpbtn {width: 100%; font-size:18px; height:45px; }
labbel.error, .error {margin-left: 0;padding: 0%;width: 99% !important;}
h3{font-size:2.8rem; padding:5%;}
.termsContainer{ width:100%; margin:0 auto;}
.description{ font-size:16px; padding:0% 0% 2% 0%;}

}