.container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color:#ccc;
	padding:15px;
}

@font-face{
	font-family:myDidactGothic;
	src:url(../fonts/DidactGothic/DidactGothic-Regular.woff2);
	src:url(../fonts/DidactGothic/DidactGothic-Regular.woff);
}

@font-face{
	font-family:myPerandoryCondensed;
	src:url(../fonts/Perandory/Perandory-Condensed.woff2);
	src:url(../fonts/Perandory/Perandory-Condensed.woff);
}

@font-face{
	font-family:myPerandory;
	src:url(../fonts/Perandory/Perandory-Regular.woff2);
	src:url(../fonts/Perandory/Perandory-Regular.woff);
}

@font-face{
	font-family:myPerandorySemiCondensed;
	src:url(../fonts/Perandory/Perandory-Semi-Condensed.woff2);
	src:url(../fonts/Perandory/Perandory-Semi-Condensed.woff);
}

h1{
	font-family:myPerandory;
	font-size:60px;
	padding:20px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	letter-spacing:5px;
}

header{
	background-color:#ccc;
	padding-top:5px;
}

h2{
	font-family:myPerandorySemiCondensed;
	font-size:30px;
}

h3{
	font-family:myPerandorySemiCondensed;
	font-size:20px;
}

p{
	font-family:myDidactGothic;
	font-size:18px;
}

nav{
	background-color:#292a2c;
	padding:15px;
	align-content:center;
}

nav a{
	padding-right:30px;
	text-decoration:none;
	color:#fff;
}

.navcontainer{
	display:flex;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

main{
	background-color:#434237;
}

footer{
	height:200px;
	background-color:#292a2c;
	color:#fff;
}

.footercontainer{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

footer a{
	text-decoration:none;
	color:#fff;
}