* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	height: 100vh;
	width:  100vw;
}

body {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	color: #777;
	padding: 10px;
}

.header {
	height: 95vh;
	background-image: linear-gradient(
					to right bottom
					,rgba(127, 213, 112, 0.801)
					,rgba(40, 180, 133, 0.801)
				);
	background-size: cover;
	background-position: top;
	clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
	position: relative;
}

.text-box {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.heading-primary {
	color:#fff;
	text-transform: uppercase;
}

.heading-primary-main {
	cursor: default;
	display:block;
	font-size: 5vh;
	font-weight: 400;
	letter-spacing: 35px;
}

.heading-primary-sub {
	display: block;
	font-size: 2vh;
	font-weight: 700;
	letter-spacing: 15px;
	text-decoration: none;
}

.heading-link {
	text-decoration: none;
	color: #000000;
}