body {background-color: #ffffff; margin: 0;}
::-moz-selection { /* Code for Firefox */ color: #fff; background: #212121;}
::selection {color: #fff; background: #A0002D;}

html {scroll-behavior: smooth;}


/* Colours */
.white {color: #FAFAFA;}
.black {color:#515151;}

/* Text */
.XLHeader {font-family: "Montserrat", sans-serif; font-size: 80px; font-optical-sizing: auto; font-weight: 200; line-height: 90px; font-style: normal;}
.h1 {font-family: "Montserrat", sans-serif; font-size: 26px; font-optical-sizing: auto; font-weight: 200; line-height: 36px; font-style: normal;}
.Copy {font-family: "Montserrat", sans-serif; font-size: 16px; font-optical-sizing: auto; font-weight: 200; line-height: 26px; margin-bottom: 24px; font-style: normal; text-align: center;}
.TextLink {font-family: "Montserrat", sans-serif; font-size: 16px; font-optical-sizing: auto; font-weight: 200; line-height: 26px; font-style: normal;}
.TextLink:hover {text-decoration: underline; color: #437F74;}
/* CTAs */
.CTALink {background-color: #212121; border: 1px solid #FAFAFA; color:#FAFAFA; padding: 14px 28px; text-align: center; text-decoration: none; border-radius: 4px; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.CTALink:hover {background-color: #FAFAFA; border: 1px solid #212121; color:#212121;}

/* Tabs */
.TabsGreen {background-color: #A6A6A6; color:#fafafa; padding: 10px 10px; text-align: left; text-decoration: none; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 9px; font-optical-sizing: auto;}


.TabRowContainer {display: flex;}

/* Padding */
.padding0 {padding-top:0px;}
.padding1010 {padding:10px 10px;}
.padding20 {padding-top:20px;}
.padding050 {padding:0px 50px;}
.padding40 {padding-top:40px;}
.padding4060 {padding:40px 60px;}
.padding40160 {padding:40px 160px;}
.padding60 {padding-top:60px;}
.padding060 {padding:0px 60px;}
.padding6060 {padding:60px 60px;}
.padding60360 {padding:60px 260px;}
.padding80 {padding-top:80px}
.padding100 {padding-top:100px}
.padding10060 {padding:100px 60px;}

.paddingR20 {padding-right:20px;}
.paddingR60 {padding-right:60px;}
.paddingL20 {padding-left:20px;}

.headerShow {display:block; position:fixed; z-index: 200; background-color:#ffffff; padding:30px 60px;}
.headerHide {display:none;}

.removeMargin {margin-top:-8px;}
.removeMarginL {margin-left:-20px;}

.colSpacer {width:2.5%;}
.col3up {width:31.6%;}

/* Form */
.form-input {width: 100%; padding: 12px 14px; margin: 8px 0; display: inline-block; box-sizing: border-box; font-family: "Montserrat", sans-serif; font-size: 14px; font-optical-sizing: auto; font-weight: 200; line-height: 24px; font-style: normal; text-transform: uppercase;}
.form-message {width: 100%; height: 200px; padding: 12px 14px; margin: 8px 0; display: inline-block; box-sizing: border-box; font-family: "Montserrat", sans-serif; font-size: 14px; font-optical-sizing: auto; font-weight: 200; line-height: 24px; font-style: normal; text-transform: uppercase;}


/* Responsive */
@media only screen and (max-width:780px){

/* Text */
.XLHeader {font-family: "Montserrat", sans-serif; font-size: 40px; font-optical-sizing: auto; font-weight: 200; line-height: 50px; font-style: normal;}
.h1 {font-family: "Montserrat", sans-serif; font-size: 26px; font-optical-sizing: auto; font-weight: 200; line-height: 36px; font-style: normal;}
.h2 {font-family: "Montserrat", sans-serif; font-size: 18px; font-optical-sizing: auto; font-weight: 200; line-height: 28px; font-style: normal;}
.h3 {font-family: "Montserrat", sans-serif; font-size: 14px; font-optical-sizing: auto; font-weight: 200; line-height: 24px; font-style: normal;}
.h4 {font-family: "Montserrat", sans-serif; font-size: 10px; font-optical-sizing: auto; font-weight: 200; line-height: 20px; font-style: normal;}
.TextRight {text-align:left; margin-top:20px;}
.h2Link {font-family: "Montserrat", sans-serif; font-size: 18px; font-optical-sizing: auto; font-weight: 200; line-height: 34px; font-style: normal;}


/* Tabs */
.TabRowContainer {display: block;}

/* Padding */
.padding60360 {padding:60px 30px;}
.padding060 {padding:0px 30px;}
.padding050 {padding:0px 30px;}
.padding1010 {padding:10px 0px;}

.headerShow {display:none;}
.headerHide {display:block; position:fixed; z-index: 200; background-color:#ffffff; padding:30px 60px;}

.removeMargin {margin-top:20px;}