/* Macoupin */

:root {
	--black:  #000000;
	--blue:   #5496d0;
	--cream:  #f8eedf;
	--green:  #00818c;
	--green2: #00a79e;
	--lightPurple: #ab97C8;
	--purple: #826aaf;
	--red:    #ee2e27;
	--white:  #ffffff;
	--yellow: #f1C820;
}

body, p {
	font-family: rival-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
	line-height:2;
}

h1, h2, h3, h4, h5, h6 {
	font-family: rival-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:14px;
	line-height:1;	
	text-transform:uppercase;
	color:var(--green);
}
h1 {font-size:36px;}
h2 {font-size:64px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
@media(max-width:767px) {
	h1 {font-size:2vw;}
	h2 {font-size:8vw;}
	h3 {font-size:6vw;}
	h4 {font-size:5vw;}
	h5 {font-size:4vw;}
	h6 {font-size:3vw;}
} 

strong {
	font-weight:700;
}

.rev, .rev p, .rev h1, .rev h2, .rev h3, .rev h4, .rev h5, .rev h6, .rev a {
	color:var(--white);
}

img {
	max-width:100%;
	height:auto;
}

.button {
	display:inline-block;
	padding:5px 20px;
	text-transform:uppercase;
	font-weight:700;
	background-color:var(--white);
	color:var(--blue);
	border-color:var(--blue);
	border-style:solid;
	border-width:2px;
	line-height:1.3;
}
.button:hover {
	text-decoration: none;
}

section {
	padding:20px 0;
}

.flexCol {
	display:flex;
	gap:20px;
}
.flexCol > * {
	flex:1;
}
@media(max-width:767px) {
	.flexCol {
		flex-direction:column;
	}
}