body{
background-color:white;
box-sizing:border-box;
}

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

img.responsive {
max-width: 1400px;
}

.row{
clear:both;
background:white;
border-bottom:none;
box-sizing:border-box;
}

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

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

.row#banner_row{
width:100%;
height:20em;
text-align:center;
border:none;
padding-top:0%;
padding-bottom:0%;
background-image: url("../images/work-with-us-header.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:190%;
line-height: 1.6;
color:#00ADEE;
width:96%;
padding-right:2%;
padding-left:2%;
text-align:center;
}

section.section h2#franchise_sub_heading{
font-size:150%;
line-height: 1;
color:#00ADEE;
width:96%;
padding-right:2%;
padding-left:2%;
text-align:center;
margin:initial;
margin-top:-15px;
margin-bottom:2em;
}

.block_1{
width:100%;
min-height:25em;
background-image: url("../images/office-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color:white;
box-sizing:border-box;
margin-bottom:2em;
}

h2#head_office_h2, h2#regional_office_h2{
cursor:pointer;
padding-bottom:0;
margin-bottom:2%;
}

h2#head_office_h2:hover { color:#ccc; }
h2#regional_office_h2:hover { color:#ccc; }

p#head_office_text{
display: none;
width:100%;
background:#333;
font-size:100%;
text-align:center;
opacity:0.8;
color:white;
margin:initial;
padding:2.5%;
box-sizing:border-box;
}

p#regional_office_text{
display: none;
width:100%;
background:#333;
font-size:100%;
text-align:center;
opacity:0.8;
color:white;
margin:initial;
padding:2.5%;
box-sizing:border-box;
}

#franchise_more{
cursor:pointer;
font-size:100%;
text-align:center;
width:50%;
margin-left:25%;
background:#dd3777;
padding:10px;
border-radius:15px;
color:white;
margin-top:20px;
margin-bottom:20px;
}

#franchise_more:hover { color:#ccc; }
#franchise_more:hover { color:#ccc; }

div#franchise_text{
display: none;
width:100%;
font-size:100%;
margin:initial;
box-sizing:border-box;
}

span#close_head_office_text, span#close_regional_office_text{
display:block;
cursor:pointer;
border-style:none;
box-sizing:border-box;
padding:5px;
width:25%;
margin-left:37.5%;
background:#444;
border-radius: 10px;
font-size:80%;
}

span#close_franchise_text{
display:block;
cursor:pointer;
text-align:center;
border-style:none;
box-sizing:border-box;
padding:5px;
width:25%;
margin-left:37.5%;
background:#dd3777;
border-radius: 10px;
font-size:80%;
color:white;
}


.block_1 p, .block_2 p{
text-align:left;
font-size:100%;
}

.block_2{
width:100%;
min-height:25em;
background-image: url("../images/office-2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color:white;
}

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

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

.block_4 p, .block_6 p, .block_8 p, .block_10 p{
font-size:100%;
color:#555;
box-sizing:border-box;
margin-top:0;
margin-bottom:5px;
line-height:1.35;
text-align:center;
}

.block_4 p.initial-paragraph, .block_6 p.initial-paragraph, .block_8 p.initial-paragraph{
margin-top:2.5%;
}

.block_5{
width:100%;
min-height:25em;
background-image: url("../images/how-we-recruit-2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color:white;
}

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

.block_7{
width:100%;
min-height:21.6em;
background-image: url("../images/our_values.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color:white;
}

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

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

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

.block_1 h2, .block_2 h2{
text-align:center;
font-size:185%;
color:white;
}

.block_1 p, .block_2 p{
text-align:left;
font-size:100%;
}

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

form h1{
color:#777;
font-weight:normal;
width:100%;
border-bottom:1px solid #ccc;
padding-bottom:10px;
font-size:160%;
margin-bottom:0;
margin:initial;
}

form  p{
font-size:110%;
width:100%;
color:#555;
margin-left:0;
text-align:left;
padding-top:1%;
line-height:1.5;
}

.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%;
padding:10px;
border: 1px solid #999;
color:#777;
}

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

textarea{
width: 100%;
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;
}

input#submit{
display: inline-block;
text-align:center;
width:15%;
margin: 0;
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; }

input#valid{
width:15%;
}

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

@media (min-width:950px) 
{
	.row#banner_row{
	min-height:800px;
	}
	
	#banner_row h1{;
	font-size:500%;
	margin-top:3.75em;
	}
	 	
	section.section h1{
	font-size:310%;
	width:96%;
	padding-top:0.1em;
	padding-bottom:0.75m;
	font-weight:bold;
	}
	
	section.section h2#franchise_sub_heading{
	font-size:165%;
	margin-top:-25px;
	}
	
	.block_1{
	float:left;
	width:47.5%;
	box-sizing:border-box;	
	margin-bottom:0;
	}
	
	.block_2{
	float:right;
	width:47.5%;
	box-sizing:border-box;
	}
	
	.block_3{
	float:left;
	width:47.5%;
	/*min-height:45em; */
	box-sizing:border-box;
	}
	
	.block_4{
	float:right;
	width:47.5%;
	background-color:white;
	margin-bottom:0;
	padding-bottom:0;
	}
	
	
	.block_4, .block_6, .block_8
	{
	border:solid 2px #bbb;
	border-radius:0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:2%;
	font-size:85%;
	padding:2%;
	}
	
	.block_8
	{		
	padding-top:0;
	}
	
	#franchise_more{
	cursor:pointer;
	font-size:120%;
	margin-top:0.5em;
	margin-bottom:0;
	}
	
	.block_4 p.initial-paragraph, .block_6 p.initial-paragraph, .block_8 p.initial-paragraph{
	margin-top:0%;
	}
	
	.block_8 p.initial-paragraph{
	margin-top:5.75%;
	}
	
	.block_10 p.initial-paragraph{
	margin-top:5.75%;
	}
	
	.block_5{
	float:left;
	width:47.5%;
	box-sizing:border-box;
	min-height:26.5em;
	}
	
	.block_6{
	float:right;
	width:47.5%;
	background-color:white;
	}
	
	.block_7{
	float:left;
	width:47.5%;
	box-sizing:border-box;
	}
	
	.block_8{
	float:right;
	width:47.5%;
	background-color:white;
	}
	
	.block_9{
	float:left;
	width:47.5%;
	box-sizing:border-box;
	margin-bottom:5em;
	}
	
	.block_10{
	float:right;
	width:47.5%;
	background-color:white;
	}
	
	.block_1 h2, .block_2 h2{
	font-size:195%;
	}
	
	.block_1 p, .block_2 p, .block_3 p, .block_4 p{
	text-align:left;
	}
	
	.block_4 p#opportunities_intro {
	font-size:143%;
	}
	
	.block_6 p{
	font-size:143%;
	}
	
	.block_8 p{
	font-size:143%;
	}
	
	.block_10 p{
	font-size:143%;
	}
	
	form{
	width:85%;
	margin-left:0%;
	}
	
	input,select{		
	font-size:1.0em;
	}
	
	textarea{		
	font-size:100%;
	}
	
	input#submit{
	width:17.5%;
	font-size:100%;
	}

div#franchise_text{
		font-size:140%;
		padding-top:2%;
	}
	
	span#close_franchise_text{	
	margin-top:20px;;
	}
	
	p#swim-england{
	width:40%;
	margin-top:0;
	margin-left:30%;
	}	
}

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

}