@Montserrat: 'Montserrat', sans-serif;

@font: @Montserrat;
@font2: @font;
@fa: 'Font Awesome 5 Free';

@light: 300;
@regular: 400;
@medium: 400;
@semibold: 500;
@bold: 600;
@extraBold: 700;
@weightBlack: 800;

body {
	color: @text;
	&, * {font-family: @font; font-weight: @light;}
}

b, strong {font-weight: @bold;}
i, em {font-style: italic; font-weight: inherit;}
i[class^="fa-"] {font-family: @fa;}

small {display: inline-block; font-size: @16pt; font-weight: inherit; line-height: calc(calc(22/16)*1em);}

a {
	color: @red; font-family: inherit; font-weight: inherit; text-decoration: none!important;
	&:hover {color: @teal;}
}

h1, h2, h3, h4, h5 {
	color: @darkGray; font-family: @font;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.15em;
	a {color: inherit; font-weight: inherit;}
	@media (max-width: 768px) {
		br {display: none;}
	}
}

h1 {
	font-size: @60pt;
	+ h2 {margin-top: 40px;}
	@media (max-width: 768px) {
		font-size: @50pt;
	}
}

h2 {
	color: @darkGray; font-size: @45pt; font-weight: @semibold; text-transform: uppercase;
	strong {
		color: @red; font-size: calc(calc(55/40)*1em); font-weight: @regular; text-transform: none;
		@media (max-width: 768px) {
			display: block;
		}
	}
	+ p, + ul, + ol, + h3 {margin-top: 1em;}
	@media (max-width: 768px) {
		font-size: @30pt;
	}
}

h3 {
	font-size: 1.2em; font-weight: @semibold;
	+ p, + ul, + ol {margin-top: 1em;}
	@media (max-width: 768px) {
		font-size: 1em;
	}
}

.page-row, #banner, #footer, article {

	p, ul > li, ol > li {
		font-size: 1em; font-weight: 400; line-height: 1.35em;
		li {font-size: 1em;}
		@media (max-width: 575px) {
			font-size: @16pt; line-height: calc(calc(22/16)*1em);
		}
	}

	p {
		+ p {margin-top: 1em;}
		+ .clear + .cta-btn, + .cta-btn {margin-top: 3em;}
		+ ul, + ol,
		+ h1, + h2, + h3, + h4, + h5, + h6 {margin-top: 2em;}
	}

	ul, ol {
		+ h3 {margin-top: 2em;}
	}

	//.text-center > p {margin-right: auto; margin-left: auto; max-width: 800px;}

}

.page-row {
	ul, ol {
		li {
			text-align: left;
			strong, b {
				&:first-child {color: @teal;}
			}
			+ li {margin-top: 1em;}
		}
		@media (min-width: 769px) {
			margin-right: 30px; margin-left: 60px;
		}
		+ p {margin-top: 2em;}
	}
	ul {
		@indent: 14px;
		>  li {
			text-indent: -@indent;
			&:before {content: 'â€¢'; display: inline-block; width: @indent; color: @teal; text-indent: 0;}
		}
		@media (max-width: 768px) {
			margin-left: @indent;
		}
	}
	ol {
		@indent: 30px;
		list-style: none; counter-reset: ol-counter;
		>  li {
			text-indent: -@indent; counter-increment: ol-counter;
			&:before {content: counter(ol-counter) '.'; display: inline-block; padding-right: 10px; width: @indent; color: @red; font-weight: @semibold; text-align: right; text-indent: 0;}
		}
		@media (max-width: 768px) {
			margin-left: @indent;
		}
	}
}

hr {margin: 60px auto; max-width: 1219px; height: 2px!important; background-color: @teal;}