* {
	font-family: myriad pro;
	font-size:20px;
}
body {
	background-image:url(../images/new lines.png);
	background-position:center;
	background-size:auto;
	background-repeat:no-repeat;
	background: #ffffff; 
	text-align: center;
}
.hamburgercontainer {
	display:none;
}
#logo{
	display:block;
	width: 100px;
	margin: 1em auto;
	padding: 10px;
}
img {
	max-width: 100%;
	img-align: center;
}
header{
	margin:auto;
	text-decoration: none;
	text-align:center;	
}
.hide{
	display:none;
}

nav{
	background-color: #00ffff;
	height: 50px;
	text-align: center;
	text-decoration: none;
}

nav a{
	font-size: 24px;
	text-decoration: none;
	font-weight:normal;
	line-height: 50px;
	text-align: center;
	margin: 30px;
	padding: 10px;
	
}

nav a:link {
	color: black;
}

nav a:visited {
	color: grey;
}

nav a:hover {
	color: blue;
}

nav a:active {
	color: green;
}

.contentcontainer {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
	width:57%;
	float: auto;
	padding-left: 10px;
	padding-right: 10px;
}

footer {
	text-align:center;
}

iframe {
   display: block;
   margin: 0 auto;
   align:center;
}

@media screen and (max-width:767px) {
	nav a {
		font-size: 20px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	section{
		width:100%;
	}
}

@media screen and (max-width:480px){
	nav	{
		display: block;
	    height: initial;
	    padding: 10px 0;
	}
	nav a{
		font-size: 28px;
		margin: 5px 25px;
		padding: 10px;
		background-color: #ddd;
		display: block;
		border-radius: 15px;
		border: 1px solid #777;
	}		
	.hamburgercontainer{
		display: block;
		width: 100%;
	}
}