*
{
	padding: 0px;
	margin: 0px;
	border: none;
	text-decoration: none;
	list-style: none;
	color: #F4E2B4;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: 'Lato';
	font-size: 16px;
	line-height: 20px;
	-webkit-appearance: none;
	font-weight: 400;

}

body
{
	background-color: #0B1A2A;
	max-width: 480px;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;	
}

:focus { outline: 0; }

header, footer
{
	width: 100%;
}

header img, footer img
{
	width: 100%;
	max-width: 480px;
}

footer
{
	margin-top: 60px;
}

header nav
{
	background-color: #D94E2F;
}

header nav ul
{
	display: flex;
	justify-content:space-around;
	padding: 0px 5px;
}

header nav ul li a
{
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	font-family: 'Monoton', cursive;
	letter-spacing: 2px;
	line-height: 20px;
	font-size: 16px;
	border-bottom: 2px solid #F4E2B4;
	margin: 8px 0px;
}

content
{
	padding: 20px 10px;
	display: block;
}

content h1
{
	font-weight: bolder;
	font-size: 26px;
	line-height: 30px;
	display: block;
	margin-bottom: 20px;
}

content section 
{
	max-width: 480px;
	padding: 2rem;
	background-color: #1E2F45;
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.4);
	margin-bottom: 30px;
}

content section p, content section ul
{
	padding-bottom: 10px;
}

content section h2
{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}

content section ul li
{
	list-style: disc;
	list-style-position: inside;
	padding-bottom: 5px;
}