/* @override 
	http://localhost:8888/hawkes/staff/css/staff.css
	http://www.wearehawkes.com/staff/css/staff.css
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1423762143
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495733370
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495735248
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495737341
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495737991
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495800809
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495824150
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1495829512
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1496172178
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1499947661
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1512330765
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1512333428
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1512384132
	http://localhost:8888/hawkes2/staff/css/staff.css?m=1512424556
	http://localhost:8888/masters/staff/css/staff.css?m=1557328077
	http://localhost:8888/masters/staff/css/staff.css?m=1582313503
	http://localhost:8888/masters/staff/css/staff.css?m=1582390084
	http://localhost:8888/masters/staff/css/staff.css?m=1582459661
	http://localhost:8888/masters/staff/css/staff.css?m=1582474054
	http://www.mastersosteopaths.co.uk/staff/css/staff.css?m=1583187751
*/

li#Staff {
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}
li#Staff.odd{
	background: #CFE5FF no-repeat -20%;
			background-size: auto 100%;
}
li#Staff.even{
	background: #CFE5FF no-repeat right -20% center;
			background-size: auto 100%;
}

li#Staff img {
		background: white;
	margin-right: auto;
	margin-left: auto;
	display: block;
position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
}


div#StaffImage.odd {
	overflow: auto;
	background: white center center;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	bottom: 0;
	top: 0;
	background-size:cover;
	opacity: 1;
	transition: all ease 0.3s;
}
div#StaffImage.even {
	overflow: auto;
	background: white center center;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	bottom: 0;
	top: 0;
	background-size:cover;
	transition: all ease 0.3s;
	opacity: 1;
	right: 0;
}
div#StaffImage:hover{
	opacity: 0;
}
.odd{
	float: left;
}
.even{
	float: right;
}

#StaffDetails h1{
	text-transform: uppercase;
}
div#StaffDetails.content {
	padding-top: 40px;
	position: relative;
	padding-bottom: 0;
	width: 60%;
	float: right;
	padding: 40px;
		-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align: left;
		background-color: #CFE5FF;
	height: 100%;
}
.even div#StaffDetails.content {
	float: left;}

#StaffHolder {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	text-align: center;
	margin-top: 60px;
}

#StaffHolder ul {
	margin-top: 60px;
	/overflow: auto;
	display: grid;
grid-auto-rows: 1fr;
	margin-bottom: 50px;
}

/* BREAKPOINT 960px */

@media only screen and (max-width: 1200px) {
	div#StaffImage.odd,div#StaffImage.even {
	overflow: auto;
	background: white center center;
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	bottom: 0;
	top: 0;
	background-size:cover;
	transition: all ease 0.3s;
	height: 80vh;
	margin: 7%;
}
div#StaffDetails.content {
	padding-top: 40px;
	position: relative;
	padding-bottom: 0;
	width: 100%;
	float: right;
	padding: 40px;
		-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align: left;
		background-color: #CFE5FF;
	height: 100%;
}
li#Staff.odd, li#Staff.even{
	background: #CFE5FF no-repeat 48% 8%;
	background-size: 80vh auto;
}
#StaffHolder ul {
	margin-top: 30px;
	display: block;
grid-auto-rows: 1fr;
	margin-bottom: 50px;
}
	}

/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 640px) {
	li#Staff.odd, li#Staff.even{
	background-image: none !important;
	background-size: 80vh auto;
} 
#StaffHolder {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	text-align: center;
	margin-top: 0;
}
div#StaffImage:hover{
	opacity: 1;
}
}