
.main{
  width:500px;
  margin:0 auto;
  background: #63bac6;
  font-family: "Times New Roman", Times, serif;

}


nav{ 
	border: 5px solid black;
	padding right: 130px;
	padding-right: 100px;


	

}

h1{
	color: #294c51;
	font-size: 4em;
	display: inline-block;

}

li{
	display: block;
	list-style: none;
	margin: .2em .2em;
	width: 280px;
	height: 50px;

}

a{
	background: gray;
	padding: .8em 2em;
	color: black;
	width: 100%;
	display: block;
}

a:visited{
	color: lightblue;
}

a:hover{
	background: #40767f;
}

footer{
	padding: 2em;
	color: #244347;

}

.link{
	color:#40767f;
	background: #294c5;
}


.white {
	color: #244347;
	font-size: 30px;


}

.gray{
	color: #40767f;
	width: 450px;


}


.paragraph{
	padding: 10px;
	padding-right: 70px;
	max-width: 300px;
}


@media screen and (min-width:1200px){
 .main{
 	width: 70%;
 	background:#7c2323;}


nav{ 
	border-top: 5px solid black;
	border-bottom: 5px solid black;
}

h1{
	color: black;
	font-size: 5em;
	display: inline-block;

}


li{
	display: inline-block;
	width: 200px;
	list-style: none;


}


a{
	background: gray;
	padding: .8em .5em;
	color: black;
	width: 100%;
	display: block;
}

a:hover{
	background: black;
	width: 200px;
}

.gray{
	color: black;
	width: 850px;
	font-size: 20px;
}

.white {
	color: black;
	font-size: 30px;


}

footer{
	padding: 2em;
	color: #7c2323;

}

.link{
	color:lightblue;
	background: gray;
}




 }
 	
  

