#logo
{
	background: url('images/logo_monsterroller.png') 50% 0px no-repeat;
	background-size: contain;
	width: min(55vw, 100px);
	height: min(55vw, 100px);
	margin: 0px auto 0px auto;
}

.link_logo:link,
.link_logo:visited
{
	display: block;
	width: 100%;
	height: 100%;
}

@media screen and (min-width : 1024px) {

	#logo
	{
		width: 200px;
		height: 200px;
		top: 27px;
		left: 10%;
		margin: 0px 0px 0px 0px;
	}
}

.footer_logo
{
	content: url('images/logo_monsterroller.png');
	display: block;
	width: min(45vw, 180px);
	height: auto;
	margin: 0px auto 20px auto;
}

@media screen and (min-width : 1024px) {

	.footer_logo
	{
		width: 180px;
		margin: 0px 0px 20px 0px;
	}
}