/*
Screen size 480px
*/

@media only screen and (min-width: 480px) {
	nav
	{
		clear: both;
		
	}
	
	nav a {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.content-container {
		min-height:500px;
		margin:30px;
	}
	.mail-address
	{
	font-size: 1.25em;
	}


}



/*
Screen size 660px
*/

@media only screen and (min-width: 690px) {
	header
	{
		background: none;
	}

	#small-screen-logo
	{
		display: none;
	}
	#normal-logo
	{
		display: block;
		float: right;
		right: 10px;
		max-width: 260px;
		width: 30%;
		padding: 0 30px;
		position: fixed;
		margin-top: 0px;
		margin-right: 1.5%;
		text-align: right;

	}	
		
	#mp-ref
	{
		display: block;
		float: right;
		right: 10px;
		bottom: 20px;
		width: 30%;
		padding: 0 10px;
		position: fixed;
		
		
	}
	nav
	{
		text-align: left;
		padding-left: 40px;
		position: fixed;
		z-index: 10;
		margin-top: 20px;
		width: 100%;
	
	}

	nav li 
	{
		display: inline-block;
		margin-right: 1%;
	}
	

	.content-container {
		max-width:620px;
		margin-bottom: 155px;
		width: 65%;
	}

	section:first-of-type .content-container
	{
		margin-top: 90px;
	}

	section:last-of-type .content-container
	{
		margin-bottom: 30px;
	}
	

}


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

	#normal-logo
	{
		max-width: 360px;
		margin-top: -10px;
		margin-right: 3%;

	}

	nav li 
	{
		margin-right: 5%;
	}
	nav a
	{
		font-size: 1.4em;
	}
	#mp-ref
	{
		font-size: 1.25em;	
	}

}