body{
  font-family: 'Merriweather', sans-serif;
  margin:0 auto;
  width: 90%;
  background-color: #001469;
}

img{
	max-width: 150px;
	margin:0 auto;
  border-radius: 5px;
  position: relative;
}

section{
  font-family: 'Roboto', sans-serif;
  width:85%;
  background:white;
  text-decoration: none;
  box-shadow: -4px 4px 6px #999;
  border-radius: 10px;
  margin:5px 5px 5px 5px;
}

.home{
    background-color: white; 
    color: black;
  }

.home:hover {
    background-color: #008CBA;
    color: white;
}
.visit{
    background-color: white; 
    color: black;
}

.visit:hover {
    background-color: #008CBA;
    color: white;
}

.history{
    background-color: white; 
    color: black;
}

.history:hover {
    background-color: #008CBA;
    color: white;
}


h1{
  font-family: 'Merriweather', sans-serif;
  font-size: 300%;
}

h2{
  font-size: 300%;
}

article.cost{
  height:150px;
}

article{
  font-size: 100;
  height:100px;
  background:white;
  text-decoration: none;
  text-align: center;
  box-shadow: -4px 4px 6px #999;
  border-radius: 10px;
}


li{
  list-style: none;
  text-decoration: none;
  text-align: center;
}

nav li{
  list-style: none;
  text-decoration: none;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  width:85%;
  background:white;
  text-decoration: none;
  box-shadow: -4px 4px 6px #999;
  border-radius: 10px;
}


a{
  font-size: 700;
  width:85%;
  height:100px;
  background:#FFF;
  text-decoration: none;
  text-align: center;
}

p{
  padding: 5px;
}

h3{
  padding: 5px;
}

  
@media screen and (min-width: 550px){
	.info{
		font-family: 'Merriweather', serif;
		background-color: #FFF;
		width:550px;
		height: 550px;
	}

	img{
		max-width: 225px;
		float:right;
		margin:0 auto;
		padding:2px 2px 2px 2px;
	}
  nav li.home{
    width: 125px;
    height: 100px;
    
  }
    nav li.visit{
    width: 125px;
    height: 100px;
    
  }  
    nav li.history{
    width: 125px;
    height: 100px;
    
  }  
    nav li.opportunities{
    width: 125px;
    height: 100px;
    
  }  
    nav li.events{
    width: 125px;
    height: 100px;
  }

    nav li.donate{
    width: 125px;
    height: 100px;
  }

    nav ul li{
    font-size:200%;  
    width: 80%;
    height: 150px;
    display:inline-block;
  }

  h1{
  font-family: 'Merriweather', sans-serif;
  font-size: 100%;
  padding:.5px;
  }

  h2{
    font-size: 100%;
  }

  article{
    width:90%;
  }

  section.info{
    height: 800px;
  }

}