@charset "UTF-8";

/*
green #3d7300
orange #ff8b03
red #e70200
reg. yellow #ffcd05
darker yellow #feb008
lighter yellow #ffe270
bg light #f4f0e4
bg light overlay #c9c3b8
*/

* {
	box-sizing: border-box;
	
}
html {
	scroll-behavior: smooth;
	/*scroll-snap-type: y mandatory;*/
  	overflow-x: hidden;
}
body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
h1 {
	font-family: acumin-pro, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 2rem;
	line-height: 2rem;
	color: #000;
	white-space: nowrap;
}
h2 {
	font-family: acumin-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #000;
}
strong {
	color: #000;
	text-decoration: none;
}
strong:hover {
	text-decoration: underline;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	font-family: acumin-pro, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.2rem;
	color: #000;
}
a {
	color: #014777;
}
a:hover {
	color: #0062b2;
}
.header-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
    overflow: hidden;
	/*margin-bottom: -137px;*/
	height: 100vh;
	min-height: 600px;
}
.header {
	width: 100%; 
    height: 100vh;
    position: absolute; 
    top: 0px; 
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
	align-content: flex-start;
    flex-direction: column;
	z-index: 100;
}
.header {
	display: flex;
	width: 100vw;
	height: 300px;
}
.header-logo {
  	display:flex;
	justify-content: center;
	background-image: url("../images/logo-wca-1.svg");
	background-repeat: no-repeat;
	background-position: center; 
	height: 250px;
	width: 250px;
	cursor: pointer
}
.terms-container {
	display: flex;
	justify-content: center;
	align-content: center;
	margin-top: 300px;
	margin-left: auto;
	margin-right: auto;
	width: 90vw;
}
@media (max-width: 600px) {
	.terms-container {
		width: 96vw;
	}
}