body{
	margin:auto;
	width:95%;
}
#main_title{
	position:relative;
}
header img{
	padding-left:20%
}
header h1{
	position:absolute;
	top:40%;
	font-size:6vw;
}
header h2{
	position:absolute; 
	top:60%;
	font-size:3vw;
}
nav{
	text-align:center;
	font-weight:bold;
	font-size:large;
}
nav ul{
	margin:0;
	padding:0;
}
nav ul li{
	display:inline-block;
	padding:0 10px 0 10px;
}
nav ul li a{
	text-decoration:none;
	color:black;
}
section{
	width:100%;
	padding-left:1%;
}
article h1{
	margin:0;
	font-size:3vw;
}
footer{
	background-color:black;
	height:20vh;
}
footer i, footer p{
	font-size:2vw;
	color:white;
	padding:1% 0 0 3%;
}

.greyBox{
	background-color:lightgrey;
	padding:1%;
}

.flexContent{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
.flexBox{
	flex: 30%;
}
/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px){
  .flexBox {
    flex: 100%;
  }
}
.flexBox p{
	margin:0;
	text-align:center;
}