@charset "utf-8";
/* CSS Document */
header {
    background-color: white;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#BPNH_nav
{ 
	border: solid 0.1em #e1e1e1; 
	border-radius: 1em; 
	margin: 0; 
	padding: 0.25em 1.5em 0.5em;  
	width: 100%;
	color: inherit; 
	background-color: #006C02;
	}	
#BPNH_nav ul 
{ 
	margin: 0; 
	padding: 0px; 
	color: inherit; 
	background-color: #006C02;
}
#BPNH_nav li	 
{ 
	margin: 1em 0 0 0; 
	padding: 0px; 
	list-style: none; 
	color: white; 
	background-color: inherit;
	display: inline;
	font-size:20px;
	}	
#BPNH_nav a 
{ 
	margin: 0; 
	padding: 0 1em; 
	display: inline; 
	text-decoration: none; 
	border-bottom: 1px solid #A8BFCF; 
	color: inherit; 
	background-color: inherit; 
}
#BPNH_nav a:hover 
{ 
	border-bottom: solid 1px #ffa20f; 
	color: inherit; 
	background-color: black; 
}
body   {
    background-color: white;
}
footer {
    background-color: white;
	border: 4px solid #02FF00;
	margin-top:200px;
}
h1 {text-align: center;
	color: #4EA300;
	font-size:35px;
	font-family: 'Permanent Marker', cursive;
}
 h3 {color: #4EA300;
	font-size:28px;
	font-family: 'Lobster', cursive;
}
h4 {text-align:left;
    font-size: 18px;
	font-family: 'Berkshire Swash', cursive;
}
table, th, td {
    	border: 1px solid black;
    	padding: 5px;
}
		table {
    			border-spacing: 15px;
			  }

@media screen and (max-width:959px) {
	
	img{
		width:100%;
		}
	#Contact{
		width:100%;
	}
	#BPNH_nav{
		width:100%;
	}
	table{
		width:100%;
	}
	#Rooms{
		width:100%;
		}
	#Forename{
		width:100%;
	}
   #Surname{
	   width:100%;
   }
   #address{
	   width:100%;
   }
   #phone{
	   width:100%;
   }
   #name{
	   width:100%;
   }
   #password{
	   width:100%;
   }
   
}