@media screen and (max-width: 770px) {
	#content{
		width:350px;
	}	

	.random{
		display: none;
	}
	.newsbadge{
		top:600px;
	}
	#news{
		top:640px;
		z-index: 10;
	}
	.add{
		width:350px;
	}
}
	


@media screen and (max-width: 480px) {
	#content{
		width:90%;
		padding-left: 20px;

	}
	#biglogo{
		display: none;
	}
	#logo{
		top:120px;
	}
	#text{
		top:220px;
	}
	.newsbadge{
		top:590px;
		display:none;
	}
	#address{
		
		padding-left: 10px;
	}
	#address > .ribbon{
		display: none;
	}
	#nav{
		font-size: 12px;
		border-right:none;
	}
	#top{
		width: 90%;
		margin-bottom: 10px;
	}


	.add{
		width:90% !important;
		padding-left: 10px !important;
	}
}


@media only screen and (min-width : 650px) and (max-width : 850px) {
	#content{
		width:600px;
		padding-left: 20px;

	}

	#biglogo{
		display: none;
	}


	#logo{
		top:120px;
	}

	#text{
		top:190px;
	}

	#nav{
		border-right:none;
		font-size: 12px;
	}
	#news{
		
	}
	.newsbadge{
		
	}
	#top{
		width: 90%;
	}

	.add{
		padding-left:20px !important;
		
	}
}


@media screen and (min-width : 481px) and (max-width: 649px) {
	#content{
		width:90%;
		padding-left: 20px;

	}
	#biglogo{
		display: none;
	}
	#logo{
		top:120px;
	}

	#text{
		top:190px;
	}

	#nav{
		border-right:none;
		font-size: 12px;
	}
	#news{
		display: none;
	}
	.newsbadge{
		
	}

	#address{

	}
	#address > .ribbon{
		display: none;
	}
	#top{
		width: 90%;
	}

	.badge{
		padding-left: 20px;
	}


	.add{
		padding-left:20px !important;
		
	}


}