*{
	margin: 0;
	padding: 0%;
	box-sizing: border-box;
}
	.page {
		display: flex;
		flex-wrap: wrap;
		padding:8px 3px 8px 3px;
	}
	
	.section {
		width: 100%;
		padding: 10px;
		text-align: left;

		
	}
	
a:link {color: Blue; }
a:hover {color:Red; }

body {background-color: #75FBFE;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
 }
 
 
 h1 {
    	color: #000000;
    	font-family: Times, Times New Roman, Georgia, Serif;
		padding: 10px 0px 10px 0px;
        text-align: center;
}
	
	.mylinks {background-color: #75FBFE; }
	
	.myHeader {
		background-color: #75FBFE;
		width: 100%;
		text-align: center;
		
		}	
	.myNav {
		background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: center;
		margin-right:2%; margin-left: 2%;
				}

	.contentOne {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: center;
		line-height: 1.9em;
		}	
	.contentTwo {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: center;
		line-height: 1.9em;
		}	
	.contentThree {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: center;
		line-height: 1.9em;
		}	
	.contentFour {background-color: #75FBFE;
		width: 100%;
		font-size:75%;
		padding: 10px;
		text-align: center;
		}

	
/*Mobile Styles*/
@media only screen and (max-width: 400px) {


		h1 {font-size:125%}

	button {
		width:33%;
		border-radius: 20px 20px 20px 20px;
		border-color:#502800;
		padding: 3px;
		margin:4px 0px 4px 0px;
		font-size:75%;
		background-color: #58c4c7;
		font-weight: normal;
		outline: none;
		border-width:thin;
		border-style:solid;
		color: black;
		text-align: center;	
	}
	.button2:hover {
    border-color:black;
	color: red;
	background-color:gray;
  
}
	
}

/*Tablet Styles*/
@media only screen and (min-width: 401px) and (max-width: 960px) {
	.contentOne {width:100%;}

	h1 {font-size:125%}

	button {
		width:32%;
		border-radius: 20px 20px 20px 20px;
		border-color:#502800;
		padding: 3px;
		font-size:80%;
		background-color: #58c4c7;
		font-weight: bold;
		outline: none;
		border-width:thin;
		border-style:solid;
		color: black;
		text-align: center;	
	}
	.button2:hover {
		border-color:black;
		color: red;
		background-color:gray;
  
}
	 

}

/*Desktop Styles*/
@media only screen and (min-width: 961px) {


	button {
		width:32%;
		border-radius: 20px 20px 20px 20px;
		border-color:#502800;
		padding: 3px;
		font-size:105%;
		background-color: #58c4c7;
		font-weight: bold;
		outline: none;
		border-width:lighter;
		border-style:solid;
		color: black;
		text-align: center;	
	}
	.button2:hover {
		border-color:black;
		color: red;
		background-color:gray;
  
}



	.contentOne, .contentTwo, .contentThree {width: 33%;}
	
	.page {margin:15px;
		min-height: 500px;
		background-color: #75FBFE;
        font-size: 100%;
        margin-top:2%;
        margin-right:5%;
		margin-left: 5%;
		margin-bottom: 30px;
		margin-top: 30px;
        border-width: medium;
        border-style:solid;
        border-color:#502800;
        border-top-left-radius:0px;
        border-top-right-radius:20px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:0px;
        line-height: 1.2em;
		padding: 15px 15px 15px 15px;
		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;
		box-shadow: 10px 10px 5px #353535; 
 
		}

}