img {
width: 100%;
border:0;
vertical-align:middle;
}

a{
text-decoration:none;
}

img#banner{
max-width: 1040px;
}

section{
position: relative;
max-width: 1100px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
box-sizing:border-box;
}

p{
color:#777;
font-size:115%;
width:95%;
margin-left:2%;
text-align:left;
}

.row#banner_row{
clear:both;
width:100%;
height:20em;
text-align:center;
border:none;
margin:initial;
margin-top:0%;
padding-top:0%;
padding-bottom:0%;
background-image: url("../images/location-banner-clear.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}

#banner_row h1{
clear:both;
float:left;
text-align:center;
font-size:250%;
color:white;
margin:initial;
margin-top:2.0em;
width:100%;
}

section.section{
background:white;
}

section.section h1{
font-size:160%;
line-height: 1.0;
color:#00ADEE;
width:96%;
padding-right:2%;
padding-left:2%;
text-align:center;
margin-bottom:0;
}

/* INTRODUCTION TEXT */
p#intro{
text-align:center;
font-size:125%;
margin-top:2em;
margin-bottom:1.0em;
}

/* HEADINGS FOR POOLS INFO AREAS */
.block_1 h2, .block_2 h2{
text-align:center;
font-size:145%;
color:#dd3777;
}

/* POOLS COURSES LIST */
section.overview ul{
color:#777;
font-size:115%;
}

section.overview ul li{
padding-bottom:5px;
}

/* OTHER LOCATIONS LIST */
p.finder{
box-sizing:border-box;
text-align:center;
color:white;
width:48%;
font-size:95%;
margin:initial;
margin-top:25px;
margin-left:26%;
margin-bottom:25px;
background:#dd3777;
padding:10px;
border-radius:15px;
}

p.finder a{
text-decoration:none;
color:white;
}

p.finder:hover:hover{
opacity:0.75;
cursor:pointer;
}

p#lessons_text{
display: none;
z-index:100;
position:absolute;
margin:initial;
top:-3em;
width:75%;
left: 12.5%;
background:#fff;
font-size:100%;
text-align:center;
opacity:1;
color:#333;
padding:0;
box-sizing:border-box;
border:solid 2px #bbb;
border-radius:15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

p#lessons_text span{
display:block;
padding:3px;
font-size:120%;
color:#666;
}

p#lessons_text span.link_arrow_1{
display:inline;
opacity:70%;
font-size:80%;
vertical-align:middle;
}

p#lessons_text a{
color:#666;
text-decoration:none;
}

p#lessons_text a:hover{opacity:0.5;}

p#lessons_text span#lessons-heading{
color:#008AD8;
font-size:210%;
text-align:center;
padding-top:5%;
margin-left:4%;
margin-right:4%;
margin-bottom:4%;
padding-bottom:4%;
border-bottom:solid 2px #ddd;
}

p#lessons_text span#close_lessons_text{
padding-top:5%;
padding-bottom:5%;
color:#008AD8;
font-weight:bold;
font-size:175%;
}

p#lessons_text span#close_lessons_text:hover{opacity:0.5;cursor:pointer;}

/* POOL TIMETABLES BLOCK */
div.pool-timetable{
width:100%;
box-sizing:border-box;
color:#555;
}

div.pool-timetable table{
width:95%;
margin-left:2.5%;
}

div.pool-timetable table td{
padding:1.5%;
}

td.lesson-type{
width:35%;
}

span.clock{
font-size:75%;
vertical-align:top;
}

/* POOL INFORMATION */
.block_2{
width:100%;
box-sizing:border-box;	
border-bottom:dashed 1px #ccc;
border-width:3px; 
padding-bottom:2em;
}

.block_2 p{
font-size:125%;
color:#555;
box-sizing:border-box;
margin-top:0;
margin-bottom:5px;
margin-left:7%;
line-height:1.35;
text-align:left;
}

p.map{
text-align:center;
}

.block_2 a{
color:#555;
}

.block_2 a:hover{
color:red;
}

/* CONTACT FORM AREA */
.block_9{
width:100%;
background-color:white;
}

form{
width:90%;
margin-top:3%;;
margin-left:5%;
margin-right:0%;
}

.row-form{
clear: left;
overflow: hidden;
zoom: 1;
margin: 0 0 1em;
}

label{
display: block;
margin: 0 0 .1em;
font-size:90%;
padding-bottom:1%;
font-weight:bold;
color:#777;
}

input{
width:75%;
margin-left:12.5%;
padding:10px;
border: 1px solid #999;
color:#777;
}

select{
width:80%;
padding:3px;
font-size:80%;
color:#777;
margin-left:12.5%;
}

textarea{
width: 80%;
box-sizing: border-box;
border: 1px solid #999;
border-radius: 0em;
height: 125px; 
color:#777;
font-family: 'Didact Gothic', sans-serif;
padding:5px;
font-size:85%;
font-weight:normal;
margin-left:12.5%;
}

div.code{
margin-left:0;
}

input#code{
width:25%;
}

div.robot{
margin-left:12.5%;
}

div.robot img{
max-width:80px;
}

input#submit{
display: inline-block;
text-align:center;
width:15%;
margin: 0;
margin-left:42.5%;
padding: .7em;
border: 0;
border-radius: .3em;
color: #fff;
background-color: #333;
line-height: 1;
font-size:60%;
}

input#submit:focus { background-color: #555; }
input#submit:hover { background-color: blue; }
input#submit:active { background-color: #555; }

.block_10{
width:100%;
background-color:white;
}

/* CONTACT AREA TEXT SECTION */
.block_10 p{
margin-initial;
font-size:120%;
color:#555;
box-sizing:border-box;
margin-top:0;
margin-bottom:25px;
line-height:1.5;
text-align:center;
}

p#address{
line-height:1.6;
}

p#facebook-para{
margin-top:1em;
margin-bottom:1em;
width:80%;
margin-left:10%;
}

p#facebook-para img{
max-width:50px;
}

p#swim-england{
width:70%;
margin:initial;
margin-left:15%;
margin-bottom:2.5em;
}

@media (min-width:800px) 
{
	.row#banner_row{
	min-height:800px;
	background-image: url("../images/location-banner-clear.jpg");
	}
	
	#banner_row h1{
	font-size:500%;
	margin-top:3.75em;
	}
	 	
	section.section h1{
	font-size:210%;
	width:96%;
	padding-top:1em;
	padding-bottom:1em;
	font-weight:bold;
	}
	
	section.overview h1{
	padding-bottom:0;
	}
	
	section.overview ul{
	margin-initial;
	width:60%;
	margin-left:18.5%;
	font-size:120%;
	}
	
	/* OTHER LOCATIONS LIST */
	p#lessons_text{
	width:50%;
	left: 25%;
	}
	
	p#lessons_text span#lessons-heading{
	text-align:left;
	}
	
	p.finder{
	width:30%;
	font-size:130%;
	margin-left:35%;
	padding:10px;
	border-radius: 25px;
	}
	
	p.first{
	padding-top:1em;
	}
	
	/* POOL TIMETABLES BLOCK */
	.block_1{
	float:left;
	width:47.5%;
	box-sizing:border-box;	
	background:#efefef;
	min-height:25.5em;
	border-radius: 1em;
	}
	
	.block_1 table{
	font-size:125%;
	}
	
	div.pool-timetable table{
	width:90%;
	margin-left:5%;
	}
	
	/* POOL INFORMATION */
	.block_2{
	float:right;
	width:47.5%;
	background:#efefef;
	min-height:25.5em;
	border-radius: 1em;
	border:none;
	padding-bottom:0;
	}

	.block_1 h2, .block_2 h2{
	font-size:155%;
	}
	
	.block_2 p{
	font-size:125%;
	width:80%;
	margin-left:10%;
	}
	
	p.map{
	text-align:left;
	}
	
	.block_2 p.initial-paragraph{
	margin-top:0%;
	}
	
	.block_10 p.initial-paragraph{
	margin-top:12%;
	}
	
	/* CONTACT FORM AREA */
	.block_9{
	float:left;
	width:47.5%;
	box-sizing:border-box;
	margin-bottom:5em;
	background-color:transparent;
	}
	
	section#contact-area{
	width:100%;
	box-sizing:border-box;	
	background:#eee;
	min-height:43em;
	border-radius: 1em;
	padding:5%;
	padding-top:3%;
	}
	
	form{
	margin-top:0;
	width:85%;
	margin-left:0%;
	}
	
	input,select{		
	font-size:1.0em;
	background:#f9f7f5;
	margin-left:0;
	}
	
	textarea{		
	font-size:100%;
	background:#f9f7f5;
	margin-left:0;
	width:90%;
	}	
	
	div.code{
	margin-left:0;
	}
	
	div.robot{
	margin-left:0;
	}
	
	input#submit{
	width:20%;
	font-size:100%;
	margin-left:0;
	}
	
	/* CONTACT AREA TEXT SECTION */
	.block_10{
	float:right;
	width:47.5%;
	background-color:transparent;
	}
	
	.block_10 p{
	font-size:143%;
	line-height:1.75;
	}	
	
	p#facebook-para{
	width:60%;
	margin-left:20%;
	}
	
	p#facebook-para img{
	max-width:50px;
	}
	
	p#swim-england{
	width:40%;
	margin-top:0;
	margin-left:30%;
	}
	
	div#footer h1{
	text-align:center;
	color:gray;
	font-size:140%;
	padding-bottom:1.5%;
	margin-top:0;
	}
}

@media (min-width:1350px) 
{
	#banner_row h1{
	font-size:650%;
	margin-top:2.75em;
	}
	
	p#intro{
	font-size:175%;
	}
}