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


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

/* 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: 36px; font-optical-sizing: auto; font-weight: 200; line-height: 46px; font-style: normal;}
.h2 {font-family: "Montserrat", sans-serif; font-size: 24px; font-optical-sizing: auto; font-weight: 200; line-height: 34px; font-style: normal;}
.h3 {font-family: "Montserrat", sans-serif; font-size: 16px; font-optical-sizing: auto; font-weight: 200; line-height: 26px; font-style: normal;}
.h4 {font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto; font-weight: 200; line-height: 22px; font-style: normal;}
.SmlCopy {font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto; font-weight: 200; line-height: 22px; font-style: normal;}
.Copy {font-family: "Montserrat", sans-serif; font-size: 14px; font-optical-sizing: auto; font-weight: 200; line-height: 24px; margin-bottom: 24px; font-style: normal;}
.SmlTextLink {font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto; font-weight: 200; line-height: 22px; font-style: normal;}
.SmlTextLink:hover {text-decoration: underline;}
.TextLink {font-family: "Montserrat", sans-serif; font-size: 14px; font-optical-sizing: auto; font-weight: 200; line-height: 24px; font-style: normal;}
.TextLink:hover {text-decoration: underline;}
.h2Link {font-family: "Montserrat", sans-serif; font-size: 24px; font-optical-sizing: auto; font-weight: 200; line-height: 34px; font-style: normal;}
.h2Link:hover {text-decoration: underline;}
.TextRight {text-align:right;}
.ComingSoon {font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto; font-weight: 200; line-height: 22px; font-style: normal; background: #A0002D;}

/* 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 */
.TabsSoftOrange {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #FCCE6E; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsOrange {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #F2A814; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsDarkOrange {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #D97334; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsSoftBlue {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #AEEBFB; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsBlue {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #63C8CC; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsDarkBlue {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #1C98B9; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsSoftGreen {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #AACA7F; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsGreen {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #61841A; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsRed {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #F45457; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsSoftPurple {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #B3A7DF; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsDarkPurple {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #8B4B90; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}
.TabsPink {background-color: #fafafa; color:#212121; padding: 14px 14px; text-align: left; text-decoration: none; border-radius: 4px; border-left: 10px solid #FABBC5; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 12px; font-optical-sizing: auto;}

.TabRowContainer {display: flex;}

/* Padding */
.padding0 {padding-top:0px;}
.padding20 {padding-top:20px;}
.padding40 {padding-top:40px;}
.padding4060 {padding:40px 60px;}
.padding40160 {padding:40px 160px;}
.padding60 {padding-top:60px;}
.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;}
.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 */
.padding0 {padding-top:20px;}
.padding4060 {padding:20px 30px;}
.padding40160 {padding:20px 60px;}

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

.headerShow {display:none;}
.headerHide {display:block;}

.removeMargin {margin-top:20px;}

.col3up {width:100%; padding-bottom: 20px;}

}