@media screen and (max-width: 480px){
	body{
		width: auto;
	}

	.small-nav{
		position: absolute;
		width: 480px;
		height: 60px;
		background-color: rgb(110, 135, 160);
		display: block;
		background: cover;
	}

	.small-nav ul{
		margin: 0;
		padding: 0;
		display: none;
		position: absolute;
		top: 60px;
		background-color: rgb(125, 150, 175);
	}

	.small-nav li{ 
		width: auto;
		list-style: none;
		font-family: 'RaleWay', sans-serif;
		color: white;
		padding-bottom: 3px;
		float: auto;
		margin: 6px 10px;
	}

	.small-nav a:hover{
		font-family: 'RaleWay', sans-serif;
		color: white;
/*		border-bottom: 3px solid rgb(250, 250, 250);*/
		border-bottom: none;
		background-color: rgb(150, 175, 200);
	}

	#own{
		font-family: 'RaleWay', sans-serif;
		color: white;
/*		border-bottom: 3px solid rgb(250, 250, 250);*/
		padding-bottom: 0;
		border-bottom: none;
		background-color: rgb(150, 175, 200);
	}

	#above{
		width: 480px;
		background: cover;
		height: auto;
	}

	h1{
		font-size: 48px;
		padding: 80px 0 0 45px;
		margin: 0;
	}

	.site-nav{
		display: none;
	}

	ul{
		display: none;
	}

	/*.site-nav li{
		margin: 10px 20px 0px 20px;
	}*/

	span{
		cursor: pointer;
		font-size: 40px;
		margin-left: 10px;
		margin-bottom: 5px;
	}

	img{
		position: relative;
	}

	.container{
		width: 480px;
		height: 900px;
		margin-top: 60px;
	}

	.center{
		width: 480px;
		clear: both;
	}

	.screen{
		margin: auto;
	}

	.clear{
		clear: both;
	}

}