/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Luckiest+Guy|Nosifer|Black+Han+Sans|Ruthie|Poppins|Roboto+Slab');




li { 
  display: inline-block; 
  background-color: rgba(47,79,79,0.5);
  padding: 10px;
  text-align: center;
}
 .menu {
 	position: fixed;
 	left: 0;
 	top: 0;
 
 	text-align: center;
 	z-index: 1;
 	background-color: rgba(0,0,255,0.3);
 	width: 100%;
 	height: 46px;
 }
 
  ul { position: fixed;
  		color: white;

}

body {
  margin: 0;
  background-color: rgba(255,255,0,0.3);
  color: #444;
}

h2{ 
	font-family: "Crimson Text", serif;
	text-align: center;
	font-size: 33px;
	
}

h3 {
  font-family: "Black Han Sans", sans-serif;
  font-size: 12px;
  text-align: center;
}

h4 {
  font-family: "Nosifer", sans-serif;
  font-size: 10px;
  text-align: center;
}

a {	
	color: rgba(255,255,255,1);
	text-decoration: none;
	font-size: 10px;
}


p {
  	font-family: "Roboto Slab", serif;
	font-size: 15px;
	text-align: center;
}

footer {
   min-height: 700px;
}


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

    body {background-color: white;}

	a {font-size: 20px;}

	.menu {height: 55px;}
	
	h3 {font-size: 30px;}

	h4 {font-size: 120px;}
	
	section {margin-top: 0px;}

	img {margin-top: 0px;}


}