main {
	text-align: center;
	position: relative;
	z-index:2;
	float:left;
	clear:left;
	width:100%;
}

	main p,
	main li {
		font-size:1.6em;
	}

		main p a,
		main li a
		main td a {
			color:var(--blue);
		}

.default {
	padding:0 5%;
}

.hero {
	padding:8% 5% 2.5%;
}

.intro {
	background-color:var(--dblue2);
	padding:7.5% 5%;
	position: relative;
}

	.intro h2,
	.default h2,
	.default h3,
	.default h4,
	.default h5,
	.default h6 {
		color:var(--blue);
		font-size:3em;
		font-weight:Bold;
		line-height: 1;
	}

	.default h3 {
		font-size:2.5em;
	}

	.default h4 {
		font-size:2em;
	}

	.default h5 {
		font-size:1.5em;
	}

	.default h6 {
		font-size:1em;
	}

.about p {
	font-size:2em;
}

.hero h1 {
	font-size:8em;
	font-weight: 300;
	text-transform: uppercase;
	display:inline-block;
	margin:0 auto;
	line-height:1.1;
	filter:drop-shadow(0px 0.2em 0.1em #000);
}

.two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:5%;
}

.three-col {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:2.5em;
}
	


@media screen and (max-width:1199px) {

}

@media screen and (max-width:999px) {

	.hero {
		padding-bottom:5%;
	}

	.hero h1 {
		font-size:4em;
	}

	main,
	main.media {
		padding-top:50px;
	}

	.default {
		padding:50px 5% 5%;
	}
}

@media screen and (max-width:479px) {

	main p,
    main li,
    main td {
      font-size:2em;
    }
}