body{
   background-color:#f6f5f2;
   margin: 0px;
   padding: 0px;
   font-family: 'Open Sans', sans-serif;
   position: static;
}

header{
	height: 150px;
	width: 100%;
	background:#2ecc71;
    position: static;
}

.r{height: 100%;}

.logo{
   display: block;
   margin: 0px auto;
   height: 150px;
}

nav{
	height: 60px;
	width: 100%;
	background:#343434;
   text-align: center;
   line-height: 60px;
   position: static;
}

ul{
   padding: 0px;
   text-align: center;
   list-style-type: none;
   margin: 0px;
}

li{
   display: inline;
   margin-right: 100px;
}

li:last-child{margin-right: 0px;}

a{
   font-size: 18px;
   color: #ffffff;
   text-decoration: none;
   text-transform: uppercase;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
}

a:hover{color: #2ecc71; text-decoration: underline;}

main{
	width: 960px;
	background:#ffffff;
	margin: 0px auto;
   position: static;
   padding-bottom: 50px;
   
}

footer{
	height: 90px;
	width: 100%;
	background:#343434;
	text-align: center;
	line-height: 90px;
   position: static;
   
}

footer p{
	font-size: 18px;
	color:#ffffff;
	margin: 0px;
}

main p{
	font-size: 16px;
	line-height: 1.7em;
   margin-left: 25px;
   margin-right: 25px;
}

main h1{
	font-size: 40px;
   margin-left: 25px;
   padding-top: 40px;
}

main h2{
	font-size: 20px;
	font-style: italic;
	margin-left: 25px;
}

img{
   margin: 0px auto;
   height: 600px;
}



@media (min-width: 960px){
   .r{
      width: 960px;
      margin: 0px auto;
   }
}

@media (min-width: 768px) and (max-width: 960px){
   .r{width: 100%;}
}

@media (min-width: 620px) and (max-width: 768px){
   .r{width: 100%;}
}
@media (max-width: 620px){
   .r{width: 100%;}
}