body {
	margin: 0px;
	background: #f2f2f2;
	font-family: 'Quicksand', sans-serif;
 	font-weight: 300;
 	overflow-x: hidden;
 	display:flex; 
  	flex-direction:column;
  	padding-bottom: 2%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	text-align: left;
}

p {
	text-align: left;
}

a {
	color: white;
}

header {
	top: 0px;
	position: sticky;
	background: #0a1047;
	width: 100%;
	color: white;
	padding: 0.5%;
	padding-left: 9%;
	box-sizing: border-box;
}

footer {
	padding: 5px;
	text-align: center;
	bottom: 0px;
	width: 100%;
	background: #0a1047;
	margin-top: 3%;
	position: fixed;
}

.box {
	width: 80%;
	padding: 1%;
	margin: auto;
	background: white;
	box-shadow: 10px 10px #cccccc;
	margin-bottom: 3%;
	text-align: center;
}

button {
	background: #0a1047;
	color: white;
	border: 0px;
	/*box-shadow: 3px 3px #060a2d;*/
	padding: 15px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5vw;
	margin-top: 3%;
	margin-bottom: 3%;
	width: 33%;
}

.greenButton {
	float: left;
}

.blueButton:hover, .blueButton:focus {
	background: #0033cc;
	box-shadow: 3px 3px #002699;
	transition: 0.5s;
}

.purpleButton {
	float: right;
}

.purpleButton:hover, .purpleButton:focus {
	background: #993399;
	box-shadow: 3px 3px#732673;
	transition: 0.5s;
}

.greenButton:hover, .greenButton:focus {
	background: #009933;
	box-shadow: 3px 3px#006622;
	transition: 0.5s;
}

#title {
	cursor: pointer;
}

#headderImage {
	width: 100%;
	height: 60%;
	object-fit: cover;
}