:root {
	--c-text: #333;
	--c-body: #fff;
	--inner-width: 88rem;
}

html { 
	font-size: 62.5%;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
html.hide { overflow: hidden; }
body {
	padding: 0;
	margin: 0;
	color: var(--c-text);
	font-family: 'Public Sans', sans-serif;
	font-size: 1.8rem;
	overflow-x: hidden;
	background-color: var(--c-body);
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

a { color: var(--c-text); }
a.btn {
	display: inline-block;
	border-radius: 0.4rem;
	box-sizing: border-box;
	padding:  1.2rem 2.4rem;
	margin: 0.6rem;
	font-size: 1.6rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.4);
	transition: background-color 0.2s ease-out;
}
a.btn:hover {
	background-color: rgba(0,0,0,0.8);
}

section {
	display: block;
	position: relative;
	box-sizing: border-box;
}

/* HEADER  */
header section {  
	position: relative;
	width: 100vw;
	height: 90vh;
	background: 
		linear-gradient(217deg, rgb(0 255 255), rgba(0,0,0,0.2) 70.71%), 
		linear-gradient(127deg, rgb(255 0 255), rgba(0,0,0,0.2) 70.71%), 
		linear-gradient(336deg, rgb(255 0 0), rgba(0,0,0,0.2) 70.71%);
}
header section div.header-content {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
header section div.header-center { 
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
}
header section div.header-content h1 {
	font-family: 'Secular One', sans-serif;
	font-weight: 400;
	font-size: 6.4rem;
	margin: 0 3.2rem;
}
header section div.header-content span {
	display:  block;
	margin: 2rem 3.2rem 4rem;
	font-size: 2.4rem;
	font-weight: 400;
}

.footer {
	align-self: stretch;
	padding: 1.2rem 4.8rem;
	font-size: 1.6rem;
	color: var(--c-text);
	min-height: 10vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer div { text-align: center; }

@media (max-width: 1024px) {
	header section div.header-content h1 {
		font-size: 4.8rem;
		margin: 0 3.2rem;
	}
}