
:root {
	--font-one: "Montserrat", sans-serif;
	--font-two: "Yellowtail", cursive;
	--body-font: var(--font-one);
	--heading-font: var(--font-one);
	--heading-hero: 90px;
	--heading-hero-font: var(--font-one);
	--heading-hero_alt: 66px;
	--heading-hero_alt-font: var(--font-one);
	--heading-primary: 45px;
	--heading-primary-font: var(--font-one);
	--heading-secondary: 32px;
	--heading-secondary-font: var(--font-one);
	--heading-tertiary: 23px;
	--heading-tertiary-font: var(--font-one);
	--none: #ccc;
	--color-white: #fff;
	--color-black: #000;
	--color-primary: #2f3645;
	--color-secondary: #54cec7;
	--color-tertiary: #e63174;
	--color-accenta: #fa4e25;
	--color-accentb: #e84256;
	--body-font-size: 16px;
}

@media (max-width:1024px) {
	:root {
		--heading-hero: 52px;
		--heading-hero_alt: 40px;
		--heading-primary: px;
		--heading-secondary: 27px;
		--heading-tertiary: 22px;
	}
}

@media (max-width:767px) {
	:root {
		--heading-hero: 44px;
		--heading-hero_alt: 37px;
		--heading-primary: 31px;
		--heading-secondary: 25px;
		--heading-tertiary: 21px;
	}
}

.color-primary {
	color: var(--color-primary) !important;
}

.color-primary-hover:hover {
	color: var(--color-primary) !important;
}

.color-secondary {
	color: var(--color-secondary) !important;
}

.color-secondary-hover:hover {
	color: var(--color-secondary) !important;
}

.color-tertiary {
	color: var(--color-tertiary) !important;
}

.color-tertiary-hover:hover {
	color: var(--color-tertiary) !important;
}

.color-accenta {
	color: var(--color-accenta) !important;
}

.color-accenta-hover:hover {
	color: var(--color-accenta) !important;
}

.color-accentb {
	color: var(--color-accentb) !important;
}

.color-accentb-hover:hover {
	color: var(--color-accentb) !important;
}

.heading-hero {
	font-family: var(--font-one);
	font-size: 90px;
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: 0px;
}

@media (max-width:1024px) {
	.heading-hero {
		font-size: 52px;
		line-height: 1.2;
	}
}

@media (max-width:767px) {
	.heading-hero {
		font-size: 44px;
		line-height: 1.2;
	}
}

.heading-hero-alt {
	font-family: var(--font-one);
	font-size: 66px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0px;
}

@media (max-width:1024px) {
	.heading-hero-alt {
		font-size: 40px;
		line-height: 1.2;
	}
}

@media (max-width:767px) {
	.heading-hero-alt {
		font-size: 37px;
		line-height: 1.2;
	}
}

.heading-primary {
	font-family: var(--font-one);
	font-size: 45px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0px;
}

@media (max-width:1024px) {
	.heading-primary {
		font-size: 40px;
		line-height: 1.2;
	}
}

@media (max-width:767px) {
	.heading-primary {
		font-size: 31px;
		line-height: 1.2;
	}
}

.heading-secondary {
	font-family: var(--font-one);
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0px;
}

@media (max-width:1024px) {
	.heading-secondary {
		font-size: 27px;
		line-height: 1.2;
	}
}

@media (max-width:767px) {
	.heading-secondary {
		font-size: 25px;
		line-height: 1.2;
	}
}

.heading-tertiary {
	font-family: var(--font-one);
	font-size: 23px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0px;
}

@media (max-width:1024px) {
	.heading-tertiary {
		font-size: 22px;
		line-height: 1.2;
	}
}

@media (max-width:767px) {
	.heading-tertiary {
		font-size: 21px;
		line-height: 1.2;
	}
}

body, p {
	font-size: var(--body-font-size);
	font-family: var(--body-font);
	font-weight: 400;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--heading-font);
}

.site-content .band-hero, #main #et-boc .band-hero, .band-hero {
	color: var(--color-white);
	background-color: var(--color-primary);
}

.site-content .band-hero, #main #et-boc .band-hero p, .band-hero p, .band-hero li, .band-hero h1, .band-hero h2, .band-hero h3, .band-hero h4, .band-hero h5, .band-hero h6 {
	color: var(--color-white);
}

.site-content .band-hero, #main #et-boc .band-hero a, .band-hero a {
	color: var(--color-accenta);
}

.site-content .band-hero, #main #et-boc .band-hero a:hover, .band-hero a:hover {
	color: var(--color-accentb);
}

.site-content .band-hero, #main #et-boc .band-hero .heading-hero, .band-hero .heading-hero {
	color: var(--color-white);
}

.site-content .band-hero, #main #et-boc .band-hero .heading-hero-alt, .band-hero .heading-hero-alt {
	color: var(--color-white);
}

.site-content .band-hero, #main #et-boc .band-hero .heading-primary, .band-hero .heading-primary {
	color: var(--color-white);
}

.site-content .band-hero, #main #et-boc .band-hero .heading-secondary, .band-hero .heading-secondary {
	color: var(--color-white);
}

.site-content .band-hero, #main #et-boc .band-hero .heading-tertiary, .band-hero .heading-tertiary {
	color: var(--color-white);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt, .band-hero-alt {
	color: var(--);
	background-color: var(--);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt p, .band-hero-alt p, .band-hero-alt li, .band-hero-alt h1, .band-hero-alt h2, .band-hero-alt h3, .band-hero-alt h4, .band-hero-alt h5, .band-hero-alt h6 {
	color: var(--);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt a, .band-hero-alt a {
	color: var(--color-accentb);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt a:hover, .band-hero-alt a:hover {
	color: var(--color-primary);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt .heading-hero, .band-hero-alt .heading-hero {
	color: var(--);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt .heading-hero-alt, .band-hero-alt .heading-hero-alt {
	color: var(--);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt .heading-primary, .band-hero-alt .heading-primary {
	color: var(--);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt .heading-secondary, .band-hero-alt .heading-secondary {
	color: var(--);
}

.site-content .band-hero-alt, #main #et-boc .band-hero-alt .heading-tertiary, .band-hero-alt .heading-tertiary {
	color: var(--);
}

.site-content .band-light, #main #et-boc .band-light, .band-light {
	color: var(--color-primary);
	background-color: var(--color-white);
}

.site-content .band-light, #main #et-boc .band-light p, .band-light p, .band-light li, .band-light h1, .band-light h2, .band-light h3, .band-light h4, .band-light h5, .band-light h6 {
	color: var(--color-primary);
}

.site-content .band-light, #main #et-boc .band-light a, .band-light a {
	color: var(--color-accentb);
}

.site-content .band-light, #main #et-boc .band-light a:hover, .band-light a:hover {
	color: var(--color-primary);
}

.site-content .band-light, #main #et-boc .band-light .heading-hero, .band-light .heading-hero {
	color: var(--);
}

.site-content .band-light, #main #et-boc .band-light .heading-hero-alt, .band-light .heading-hero-alt {
	color: var(--);
}

.site-content .band-light, #main #et-boc .band-light .heading-primary, .band-light .heading-primary {
	color: var(--);
}

.site-content .band-light, #main #et-boc .band-light .heading-secondary, .band-light .heading-secondary {
	color: var(--);
}

.site-content .band-light, #main #et-boc .band-light .heading-tertiary, .band-light .heading-tertiary {
	color: var(--);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt, .band-light-alt {
	color: var(--color-black);
	background-color: var(--color-secondary);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt p, .band-light-alt p, .band-light-alt li, .band-light-alt h1, .band-light-alt h2, .band-light-alt h3, .band-light-alt h4, .band-light-alt h5, .band-light-alt h6 {
	color: var(--color-black);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt a, .band-light-alt a {
	color: var(--color-accentb);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt a:hover, .band-light-alt a:hover {
	color: var(--color-primary);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt .heading-hero, .band-light-alt .heading-hero {
	color: var(--color-primary);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt .heading-hero-alt, .band-light-alt .heading-hero-alt {
	color: var(--color-primary);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt .heading-primary, .band-light-alt .heading-primary {
	color: var(--color-primary);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt .heading-secondary, .band-light-alt .heading-secondary {
	color: var(--color-black);
}

.site-content .band-light-alt, #main #et-boc .band-light-alt .heading-tertiary, .band-light-alt .heading-tertiary {
	color: var(--color-black);
}

.site-content .band-dark, #main #et-boc .band-dark, .band-dark {
	color: var(--color-white);
	background-color: var(--color-primary);
}

.site-content .band-dark, #main #et-boc .band-dark p, .band-dark p, .band-dark li, .band-dark h1, .band-dark h2, .band-dark h3, .band-dark h4, .band-dark h5, .band-dark h6 {
	color: var(--color-white);
}

.site-content .band-dark, #main #et-boc .band-dark a, .band-dark a {
	color: #c2f3ff;
}

.site-content .band-dark, #main #et-boc .band-dark a:hover, .band-dark a:hover {
	color: var(--color-white);
}

.site-content .band-dark, #main #et-boc .band-dark .heading-hero, .band-dark .heading-hero {
	color: var(--color-white);
}

.site-content .band-dark, #main #et-boc .band-dark .heading-hero-alt, .band-dark .heading-hero-alt {
	color: var(--color-white);
}

.site-content .band-dark, #main #et-boc .band-dark .heading-primary, .band-dark .heading-primary {
	color: var(--color-white);
}

.site-content .band-dark, #main #et-boc .band-dark .heading-secondary, .band-dark .heading-secondary {
	color: var(--color-white);
}

.site-content .band-dark, #main #et-boc .band-dark .heading-tertiary, .band-dark .heading-tertiary {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt, .band-dark-alt {
	color: var(--color-white);
	background-color: var(--);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt p, .band-dark-alt p, .band-dark-alt li, .band-dark-alt h1, .band-dark-alt h2, .band-dark-alt h3, .band-dark-alt h4, .band-dark-alt h5, .band-dark-alt h6 {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt a, .band-dark-alt a {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt a:hover, .band-dark-alt a:hover {
	color: var(--color-secondary);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt .heading-hero, .band-dark-alt .heading-hero {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt .heading-hero-alt, .band-dark-alt .heading-hero-alt {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt .heading-primary, .band-dark-alt .heading-primary {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt .heading-secondary, .band-dark-alt .heading-secondary {
	color: var(--color-white);
}

.site-content .band-dark-alt, #main #et-boc .band-dark-alt .heading-tertiary, .band-dark-alt .heading-tertiary {
	color: var(--color-white);
}

.site-content .band-parallax, #main #et-boc .band-parallax, .band-parallax {
	color: var(--);
	background-color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax p, .band-parallax p, .band-parallax li, .band-parallax h1, .band-parallax h2, .band-parallax h3, .band-parallax h4, .band-parallax h5, .band-parallax h6 {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax a, .band-parallax a {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax a:hover, .band-parallax a:hover {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax .heading-hero, .band-parallax .heading-hero {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax .heading-hero-alt, .band-parallax .heading-hero-alt {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax .heading-primary, .band-parallax .heading-primary {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax .heading-secondary, .band-parallax .heading-secondary {
	color: var(--);
}

.site-content .band-parallax, #main #et-boc .band-parallax .heading-tertiary, .band-parallax .heading-tertiary {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote, .band-quote {
	color: var(--);
	background-color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote p, .band-quote p, .band-quote li, .band-quote h1, .band-quote h2, .band-quote h3, .band-quote h4, .band-quote h5, .band-quote h6 {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote a, .band-quote a {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote a:hover, .band-quote a:hover {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote .heading-hero, .band-quote .heading-hero {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote .heading-hero-alt, .band-quote .heading-hero-alt {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote .heading-primary, .band-quote .heading-primary {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote .heading-secondary, .band-quote .heading-secondary {
	color: var(--);
}

.site-content .band-quote, #main #et-boc .band-quote .heading-tertiary, .band-quote .heading-tertiary {
	color: var(--);
}

footer {
	background-color: #2f3645;
}

footer, footer .footer-widgets {
	color: #fff;
}

footer a, footer .footer-widgets a {
	color: #c2f3ff;
}

footer a:hover, footer .footer-widgets a:hover {
	color: #eee;
}

footer .bttm-footer-wrap {
	background-color: #000;
	color: #eee;
}
