*{
	margin: 0;
	padding: 0%;
	box-sizing: border-box;
}


	.page {
		display: flex;
		flex-wrap: wrap;
		padding:8px 3px 8px 3px;
		background-color: #75FBFE;
	}
	
	.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%;
				}
	.myLinks {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		
				}
	.contentOne {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: left;
		}	
	.contentTwo {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: left;
		}	
	.contentThree {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: center;
		}	
	.contentFour {background-color: #75FBFE;
		width: 100%;
		padding: 10px;
		text-align: center;
		}

	
/*Mobile Styles*/
@media only screen and (max-width: 400px) {
	
		.page {
		display: flex;
		flex-wrap: wrap;
		padding:0px;
	}
	
	
	.myLinks  {
		text-align: center;
		line-height: 1.75em; 
		}
		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, .contentTwo {width:50%;}
	.myLinks  {
		text-align: center;
		line-height: 1.75em; 
		}
	
	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:black;
		padding: 3px;
		font-size:105%;
		background-color: #5DC8CB;	
		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;
  
}

	.contentOne, .contentTwo {
		padding-top:30px;
	}

	
	.myLinks  {
		text-align: left;
		width:20%;
		line-height: 1.75em; 
		}
	.contentOne, .contentTwo {width:40%;}
	
	.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; 
 
		}

}