body{ background-color: #57bc90;}

header{background-color: #015249;
	   color: #57bc90;
	   height: 130px;
	   text-align: center;
	   font-size: 25px;
	   padding-top: 8px;}
	  

main h1{color: #015249;
		text-align: center;
		font-size: 40px;
		text-decoration: underline;}

nav{	font-weight: bold;
		padding: 5px;
		}
nav ul{	list-style-type: none;
		text-align: center;
		font-size: 1.3em;
		
}
nav li{	display: inline;
		padding: 21px;
		border-style: double;
		border-color: #015249;
		}
nav a{padding: 20px;}
nav a:link{	color: #015249;}
nav a:visited  {color: #5f0f4e;}
nav a:hover{color: #6c648b;}

@font-face{ 
	font-family: "Burtons Nightmare";
	src: url('nitemare.eot');
	src: url('nitemare.eot?#iefix') format('embedded-opentype'),
	     url('nitemare.woff') format('woff'),
	     url('nitemare.ttf') format('truetype'),
	     url('nitemare.svg#webfont') format('svg');
}

#float	{float: right;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;
		padding-bottom: 20px;}
#floata	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;
		padding-bottom: 20px;}
#floatk	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;}
		
#floath	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;}
		
#floatr	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;}
		
#floatm	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;}
		
#center{
	display: block;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}

#kay { font-family: 'Burtons Nightmare', Arial;
		font-weight: normal;
		font-size: 18px;}

#heather { font-family: Gabriola, Arial;
		   font-weight: normal;
		   font-size: 22px;}
		   
#brenna { font-family: "French Script", Arial;
		   font-weight: normal;
		   font-size: 18px;}

#rachel { font-family: "Times New Roman", Arial;
		   font-weight: normal;
		   font-size: 18px;
		   }
		   
#maddie { font-family: Verdana, Arial;
		   font-weight: normal;
		   font-size: 16px;
		   }
		   
#wrapper { width: 80%;
           margin-left: auto;
		   margin-right: auto;
		   margin-bottom: 20px;
		   background-color: #57bc90; 
		   min-width: 960px;
		   max-width: 2048px;
}

p{
	text-align: center;}
	
video{
	display: block;}
	
	
	
	
/*phone*/
@media only screen and (max-width: 37.5em){
header{background-color: #015249;
	   color: #57bc90;
	   height: 130px;
	   text-align: center;
	   font-size: 20px;
	   padding-top: 4px;}

main h1{color: #015249;
		text-align: center;
		font-size: 35px;
		text-decoration: underline;}

nav{	font-weight: bold;
		padding: 5px;
		}
nav ul{	list-style-type: none;
		text-align: center;
		font-size: 1.3em;
		margin: 0;
}
nav li{	display: block;
		padding: 21px;
		border-style: none;
		padding-bottom: 2px;
		margin: 0;
		text-align: center;
		}
nav a{padding: 20px;}
nav a:link{	color: #015249;}
nav a:visited  {color: #5f0f4e;}
nav a:hover{color: #6c648b;}

/*@import url('http://tnbc.eu/downloads/info/1548');*/
@font-face{ 
	font-family: 'Burtons-Nightmare';
	src: url('nitemare.eot');
	src: url('nitemare-demo.html');
	src: url('nitemare.eot?#iefix') format('embedded-opentype'),
	     url('nitemare.woff') format('woff'),
	     url('nitemare.ttf') format('truetype'),
	     url('nitemare.svg#webfont') format('svg');
}
#float	{float: right;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;
		padding-bottom: 20px;
		width: 370px;
		}
#floata	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;
		padding-bottom: 20px;
		width: 370px;
		height: 270px;}
#floatk	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;
		}
		
#floath	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;}
		
#floatr	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;}
		
#floatm	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;}
		
#center{
	display: block;
	padding-top: 0px;
	width: 320px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	}

#kay { font-family: 'Burtons-Nightmare', Arial;
		font-weight: normal;
		font-size: 18px;}

#heather { font-family: Gabriola, Arial;
		   font-weight: normal;
		   font-size: 22px;}

#rachel { font-family: "Times New Roman", Arial;
		   font-weight: normal;
		   font-size: 18px;
		   }
		   
#maddie { font-family: Verdana, Arial;
		   font-weight: normal;
		   font-size: 16px;
		   }
		   
#wrapper { width: 80%;
           margin-left: auto;
		   margin-right: auto;
		   margin-bottom: 20px;
		   background-color: #57bc90; 
		   min-width: 400px;
		   max-width: 550px;
}

p {
	text-align: center;}
	
video{
	display: block;
	width: 310px;
	height: 240px;
	padding-top: 10px;}
}
/*tablet*/
@media only screen and (min-width: 37.6em) and (max-width: 64em){
header{background-color: #015249;
	   color: #57bc90;
	   height: 130px;
	   text-align: center;
	   font-size: 20px;
	   padding-top: 4px;}

main h1{color: #015249;
		text-align: center;
		font-size: 35px;
		text-decoration: underline;}

nav{	font-weight: bold;
		padding: 5px;
		}
nav ul{	list-style-type: none;
		text-align: center;
		font-size: 1.3em;
		margin: 0;
}
nav li{	display: inline;
		padding: 15px;
		border-style: none;
		padding-bottom: 2px;
		margin: 0;
		text-align: center;
		}
nav a{padding: 20px;}
nav a:link{	color: #015249;}
nav a:visited  {color: #5f0f4e;}
nav a:hover{color: #6c648b;}

@font-face{ 
	font-family: 'Burtons Nightmare';
	src: url('nitemare.eot');
	src: url('nitemare.eot?#iefix') format('embedded-opentype'),
	     url('nitemare.woff') format('woff'),
	     url('nitemare.ttf') format('truetype'),
	     url('nitemare.svg#webfont') format('svg');
}

#float	{float: right;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;
		padding-bottom: 20px;
		width: 370px;
		}
#floata	{float: left;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 20px;
		padding-bottom: 20px;
		width: 370px;
		height: 270px;}
#floatk	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;
		}
		
#floath	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;}
		
#floatr	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;}
		
#floatm	{float: left;
		padding-top: 0px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 20px;
		width: 280px;
		height: 360px;}
		
#center{
	display: block;
	padding-top: 0px;
	width: 320px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	}

#kay { font-family: 'Burtons Nightmare', Arial;
		font-weight: normal;
		font-size: 18px;}

#heather { font-family: Gabriola, Arial;
		   font-weight: normal;
		   font-size: 22px;}

#rachel { font-family: "Times New Roman", Arial;
		   font-weight: normal;
		   font-size: 18px;
		   }
		   
#maddie { font-family: Verdana, Arial;
		   font-weight: normal;
		   font-size: 16px;
		   }
		   
#wrapper { width: 80%;
           margin-left: auto;
		   margin-right: auto;
		   margin-bottom: 20px;
		   background-color: #57bc90; 
		   min-width: 400px;
		   max-width: 550px;
}

p{
	text-align: center;}
	

	
video{
	display: block;
	width: 310px;
	height: 240px;
	padding-top: 10px;}
}