/* -- default style sheet*/

@viewport { width: device-width; }

html
{
	background-color: black;
	color: gold;
}

body
{
	width: 80vw;
	margin: 0 auto 0 auto;
	text-align: left;
	display: block;
}

header
{
	width: 80vw;
	text-align: center;
	display: block;
}

nav
{
	width: 39vw;
	float: left;
}

nav ul
{
	list-style: circle;
	text-align: left;
}

@media screen and (min-width: 601px) {
nav ul a
{
font-size: 20px;
line-height: 28px;
}
}

@media screen and (max-width: 600px) {
nav ul a
{
font-size: 15px;
line-height: 20px;
}
}


article
{
	width: 39vw;
	display: block;
	background-color: black;
	float: right;
}

footer
{
	width: 80vw;
	display: block;
	background-color: black;
	float: left;
	text-align: center;
}

#responsive_image

{
    max-width: 40vw;
    max-height: 80vh;
    height: auto;
    width: auto;
    display: block;
	margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#responsive_banner

{
    max-width: 80vw;
    max-height: 80vh;
    height: auto;
    width: auto;
    display: block;
	margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}



A:link {color:gold}
A:active {color:LightGrey}
A:visited {color:white}
A:hover {color:red}

p.italic {font-style: italic}
p.centered {text-align: center;}