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/about-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;
}

h2{
margin:initial;
margin-top:0.5em;
margin-bottom:0.5em;
font-size:125%;
line-height: 1.6;
color:#00ADEE;
width:96%;
padding-top:3%;
padding-right:2%;
padding-left:2%;
text-align:center;
}

#about_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;
}

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

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

span#close_about_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;
}

#philosophy_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;
}

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

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

span#close_philosophy_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/s4-about.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color:white;
}

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

.block_7{
width:100%;
min-height:27em;
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%;
}

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;
	}
	
	h2{
	font-size:165%;
	width:96%;
	padding-bottom:0;
	font-weight:bold;
	}
	
	#philosophy_block h2{
 	padding-top: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;
	}
	
	#about_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;
	min-height:26.5em;
	}
	
	.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%;
	}

	div#about_text{
	font-size:100%;
	padding-top:2%;
	}
	
	span#close_about_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;
	}

}