body {
  background : #58595B;
  background : rgba(88, 89, 91, 1);
  margin: 0;
}

header {
	font-family: "DIN Condensed", Helvetica, Arial, sans-serif;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 20px;
	
}
header h1 {
	margin: 0;
}
header .name {
	display: block;
	font-family: Bebas, Helvetica, Arial, sans-serif;
	font-size: 2em;
	color: #fff;

}

header .graphic-designer {
	font-size: 2em
	font-weight: normal;
	color: #FB8C00;
}

.navbar {
	font-size: 1.2em;	
	width: 60%;

}
.navbar ul {
	display: flex;
	flex-flow: row nowrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 4px solid #fff;
	justify-content: flex-end;

}
.navbar ul a {
	background-color: #fff;
	color: #FB8C00;
	text-decoration: none;
	border-radius: 0 0 5px 5px;
	margin-left: 10px;
	padding: 3px 6px;
}

h3 {
	margin: 0 20px 20px 0;
	font-family: "DIN Condensed", Helvetica, Arial, sans-serif;
	font-size: 2em;
	color: #fff;

}

.main {
	margin: 20px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 40%;
	

}

.main-a {
	width: 30%;
	margin-right: 20px;

}

.main-b {
	width: 70%;
	display: flex;
	justify-content: space-between;

}

.main-b a {
	width: 30%;
	display: inline-block;

}

.main-b img {
	width: 100%;
}

p {
	font-family: "DIN Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #fff;
	margin: 0 0 1em;
}

footer {
	background-color: #FB8C00;
	font-size: 1.5em;
	color: #58595B;
	margin: 0px;
	padding: 2px 2px 2px;
	clear: both;
}