@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #555555;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}
h1 {
	font-size: 38px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h2 {
	font-size: 30px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h3 {
	font-size: 26px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h4 {
	font-size: 22px;
	line-height: 26px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h5 {
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.foot-credit {font-size: 14px;}

.foot-credit-b {font-size: 16px;}

.top-colour {width: 100%; height: 4px; background-color: #000000;}

.mid-colour {width: 100%; height: 2px; background-color: #000000;}

.bottom-colour {width: 100%; background-color: #000000; color: #ffffff;}

.footer {width: 100%; background-color: #222222; color: #dddddd; text-align: left;}

.foot-div {width: 100%; height: 1px; background-color: #333333;}

.94-width {width: 94%; text-align: center;}

.1080-width {width: 100%; max-width: 1080px; text-align: center; margin: auto;}

.text-840 {width: 100%; max-width: 840px; margin: auto;}

.padding-20 {padding: 20px; margin: auto; text-align: center;}

.padding-40 {padding: 40px; margin: auto; text-align: center;}

.td-padding {padding: 10px;}

.padding-40L {padding: 40px; margin: auto; text-align: left;}

.padding-80 {padding: 80px; margin: auto; text-align: center;}

.top-logo {width: 100%; height: auto; max-width: 320px;}

.hero-bg {background-image: url(BG-Image.jpg); background-position: center; background-color: #000000; text-align: center;}

.pic-banner {background-image: url(Top-Banner.jpg); background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #000000; text-align: center;}

.credit-logos {width: 100%; height: auto; max-width: 460px;}

.spacer-20 {height: 20px;}

.whatsapp-button {width: 100%; height: auto; max-width: 300px; margin-bottom: 20px;}
