/*@font-face{
	font-family: brady;
	src: url(RexBold.otf);
}
@font-face{
	font-family: bradyitalic;
	src: url(StaticBoldItalic.otf);
}*/


figure{
	margin: 0;
}
p{
	text-align: left;
}
body{
	background-color: darkgrey;
}
main{
	background-color: lightgrey;
	width: 95%;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
}
header{
	background-color: white;
}
header h1{
	font-family: brady;
	margin: 0 16px 16px 0;
	border: 2px solid black;
	padding: 10px 20px;
	box-shadow: 10px 10px 5px 5px darkgrey;
}
header figure img{
	width: 255px;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul li{
	margin: 5px 0;
}
nav ul li a{
	display: block;
	padding: 10px 20px;
	background-color: white;
	color: black;
	text-decoration: none;
}
nav ul li a:hover{
	color: white;
	background-color: darkgrey;
}
figure img{
	width: 100%;
}
section{
	border-bottom: 1px solid black;
	font-family: bradyitalic;
}
section article{
	border-bottom: 1px solid black;
}
section article ul li{
	text-align: left;
}
@media only screen and (min-width: 513px) {
	nav{
		text-align: left;
	}
	nav ul li{
		display: inline-block;
		width: 88px;
	}
}  /*end of 513px	*/
@media only screen and (min-width: 672px) {
	header{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	header h1{
		margin: 35px 0 0 25px;
	}
	section{
		display: flex;
	}
	section article{
		padding-right: 10px;
	}
	section aside{
		flex-basis: 275px;
		flex-shrink: 0;
		flex-grow: 0;
		border-left: 1px solid black;
		padding-left: 10px;
	}
} /*end of 672*/
@media only screen and (min-width: 1200px) {
    .columns{
		column-count: 2;
		column-gap: 50px;
	}
	.columns p:first-child{
		margin-top: 0;
	}

} /*end of 1200px*/