body
{
	background-color: rgba(250,250,250,.9);
}

h1
{
	color: rgb(2,149,2);
	text-align: center;
}

h2
{
	color: #2196f3;
	text-align: center;
	margin-top: 75px;
}

.centre
{
	text-align: center;
}

#Banner1
{
	background-image: url(/resources/images/homepage/Banner1.jpg);
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 0%;
	background-position-x: 100%;
}

#Banner1 img
{
	width: 100%;
	max-width: 600px;
}



#Banner2
{
	display: flex;
}

#Banner2 .Left,
#Banner2 .Right
{
	flex: 1;
}

#Banner2 .Left
{
	background-image: url(/resources/images/homepage/Banner2.jpg);
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 0%;
	background-position-x: 100%;
	opacity: 0.6;
}

#Banner2 .Right
{
	box-sizing: border-box;
	padding: 20px;
}

footer
{
	text-align: center;
	padding: 7px;
}



@media (max-width: 1000px)
{
	#Banner2
	{
		flex-direction: column;
	}

	#Banner2 .Left
	{
		flex: initial;
		order: 2;
		height: 300px;
		opacity: .9;
	}

	#Banner2 .Right
	{
		flex: initial;
		order: 1;
	}

	#Banner1
	{
		height: 300px;
		background-position-y: top;
		background-position-x: 75%;
	}

	#Banner1 img
	{
		max-width: 330px;
	}

}