* {
	/* Resets existing CSS paramaters */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body {
	height: 100%;
	width: 100%;
	font-family: Newsreader, Serif;
	background-color: #090909;
	color: #efefef;
	letter-spacing: 0.5px;
	line-height: 1.5;
}
h1 {
	text-align: center;
	font-size: max(4.5vw, 45px);
	font-weight: 500;
}
h2 {
	text-align: center;
	font-size: max(2.6vw, 30px);
	font-weight: 500;
	padding: 4rem 0 1.5rem 0;
}
p {
	color: #dedede;
	font-size: max(1.3vw, 15px);
	padding: 2.5rem 0;
}
a {
	color: #efefef;
}
.navbar {
	display: block;
	margin: 30px 3vw;
}
.navitem {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: max(1.25vw, 16px);
}
.dropbtn {
  font-family: Newsreader, Serif;
  color: #efefef;
  border: none;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #131313;
  min-width: 250px;
  z-index: 1;
  border-radius: 10px;
  padding: 1.25rem;
}
.dropdown-content a {
	color: #efefef;
  text-decoration: none;
  display: block;
  padding: 1.25rem;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.logo {
	display: block;
	float: none;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 3rem;
}
.cover {
	display: block;
	background-repeat: no-repeat;
	background-size: auto;
	text-align: center;
}
.title {
	padding: max(13vw,130px) 0;
}
.quote {
	text-align: center;
	padding: 3rem;
	margin: 0 7vw;
	color: #efefef;
	background-color: #131313;
	font-weight: 500;
	hyphens: none;
	border-radius: 10px;
}
.quote-text {
	padding: 0;
}
.highlight {
	color: #2ECC71;
}
.large {
	font-size: max(2vw, 26px);
}
@keyframes gradientAnimation {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
.back-animated {
	background: linear-gradient(240deg, #131313, #002912, #002F1A, #002912, #131313);
	background-size: 350% 350%;
	animation: gradientAnimation 10s ease infinite;
	background-color: #0C6A3A;
}
.subscribe {
	padding: 1.25rem 2.5rem;
	margin-top: 2.5rem;
	background-color: #27AE60;
  font-family: Newsreader, Serif;
  font-weight: bold;
  color: #efefef;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  letter-spacing: 0.5px;
}
.content-a, .content-b, .copyright {
	padding: 0 7vw;
	text-align: justify;
	hyphens: auto;
}
.content-b {
	background-color: #131313;
}
.copyright {
	font-size: max(0.5vw, 8px);
	padding: 3.5rem 7vw 0 7vw;
}