/* Menu */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
{
	#menu { font-size: 10px; }
	#menu a
	{
		padding: 0 5px;
	}
}

/* Footer */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
{
	header { margin-bottom: 15%; }
	body { margin-bottom: 10%; }
	footer { height: 30px; }
	p.copyright { line-height: 10px; }
}
@media only screen
and (min-device-width: 481px)
and (max-device-width: 767px)
{
	header { margin-bottom: 15%; }
	body { margin-bottom: 10%; }
	footer { height: 30px; }
	p.copyright { line-height: 10px; }
}

/* About */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
{
	.about ul
	{
		margin-left: 10%;
		margin-right: 10%;
	}
	.about p
	{
		font-size: 12px;
		-ms-transform: translateY(-5%);
		-moz-transform: translateY(-5%);
		-webkit-transform: translateY(-5%);
		-o-transform: translateY(-5%);
		transform: translateY(-5%);
	}
	.about li { font-size: 11px; };
}

/* Catalog search */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
{
	.search input[type=search] {width: 100%;}
	.search button
	{
		-ms-transform: translateY(-20%);
		-moz-transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
		-o-transform: translateY(-20%);
		transform: translateY(-20%);
	}
}

/* Image formatting */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
{
	#portrait
	{
		height: 50px;
		width: 50px;
		margin-top: 35%;
	}
	#gears
	{
		height: 50px;
		width: 50px;
	}
	#checkmark
	{
		height: 50px;
		width: 50px;
	}
	#signupimg
	{
		height: 50px;
		width: 50px;
	}
	#veilad
	{
		width: 13%;
		height: 13%;
		-ms-transform: translateY(-400%);
		-moz-transform: translateY(-400%);
		-webkit-transform: translateY(-400%);
		-o-transform: translateY(-400%);
		transform: translateY(-400%);
	}
	#adspace
	{
		width: 13%;
		height: 13%;
		-ms-transform: translateY(-400%);
		-moz-transform: translateY(-400%);
		-webkit-transform: translateY(-400%);
		-o-transform: translateY(-400%);
		transform: translateY(-400%);
	}
	#signupbtn
	{
		width: 214px;
		height: 100px;
		-ms-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}
@media only screen
and (min-device-width: 481px)
and (max-device-width: 767px)
{
	#veilad
	{
		-ms-transform: translateY(-400%);
		-moz-transform: translateY(-400%);
		-webkit-transform: translateY(-400%);
		-o-transform: translateY(-400%);
		transform: translateY(-200%);
	}
	#adspace
	{
		-ms-transform: translateY(-400%);
		-moz-transform: translateY(-400%);
		-webkit-transform: translateY(-400%);
		-o-transform: translateY(-400%);
		transform: translateY(-200%);
	}
	#signupbtn
	{
		-ms-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-130%);
	}
}