@charset "UTF-8";
body
	{font-family:Verdana, Arial, Helvetica;}
div
	{background-color:azure;
	width:75%;
	margin:10px auto 10px auto;
	padding:10px;
	}
h1
	{text-transform:uppercase;
	text-align:center;}
hr
	{width:50%;
	margin:10px auto 10px auto;}
ul.boxes
	{text-align: center;
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:flex; 
	justify-content: center;}

ul.nav
	{text-align: center;
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:flex; 
	justify-content: center;}
li
{display:inline-block;
margin: 10px;
padding:0px;}

a:link 
	{color: purple;
	text-decoration: none;}

a:visited
	{color: purple;
	text-decoration: none;}

a.email:link 
	{color: orange;
	text-decoration: none;}

a.email:visited
	{color: orange;
	text-decoration: none;}

div.one
	{border: 8px solid #46A450;
	background-color:white;
	width:250px;
	height: 200px;
	-moz-box-shadow: 5px 5px 5px #777777;
	-webkit-box-shadow: 5px 5px 5px #777777;
	box-shadow: 5px 5px 5px #777777;
	text-align:left;
	margin:20px;}

div.two
	{background-color:purple;
	border:8px solid #12ADD0;
	width:250px;
	height:250px;
	margin:20px;
	border-radius:10px;}

p
	{margin-left:25%;
	margin-bottom:25%;
	width:50%;
	height:50px}

/*media query */

@media screen and (max-width: 1120px) 
	{ul.boxes
	{text-align: center;
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:inline;
	justify-content: center;}
		
	
	ul.nav
	{text-align: center;
	list-style-type:none;
	padding:0px;
	margin-left:375px;
	display:inline-grid;}
	
	div.one
	{border: 8px solid #46A450;
	background-color:white;
	width:250px;
	height: 200px;
	-moz-box-shadow: 5px 5px 5px #777777;
	-webkit-box-shadow: 5px 5px 5px #777777;
	box-shadow: 5px 5px 5px #777777;
	text-align:left;
	margin-left:256.75px;}
		
	div.two
	{background-color:purple;
	border:8px solid #12ADD0;
	width:250px;
	height:250px;
	margin-bottom:100px;
	margin-left:256.75px;
	border-radius:10px;}
		

	

@media screen and (max-width: 600px) 
	{div
	{width:100%;}
	
	ul.boxes
	{text-align: center;
	list-style-type:none;
	padding:0px;
	margin:0px;
	display:inline;
	justify-content: center;}
		
	
	ul.nav
	{text-align: center;
	list-style-type:none;
	padding:0px;
	margin-left:250px;
	display:inline-grid;}
	
	div.one
	{border: 8px solid #46A450;
	background-color:white;
	width:250px;
	height: 200px;
	-moz-box-shadow: 5px 5px 5px #777777;
	-webkit-box-shadow: 5px 5px 5px #777777;
	box-shadow: 5px 5px 5px #777777;
	text-align:left;
	margin-left:125px;}
		
	div.two
	{background-color:purple;
	border:8px solid #12ADD0;
	width:250px;
	height:250px;
	margin-bottom:100px;
	margin-left:125px;
	border-radius:10px;}
		
		
		}
		

/* end media query */

/* CSS Document */