p, li {
	font: 400 18px/28px 'Lato', sans-serif;
}

h1 {
	font: 700 30px/40px 'Lato', sans-serif;
}

h2 {
	color: #006699;
	font: 700 34px/44px 'Lato', sans-serif;
}

h3 {
	font: 700 22px/32px 'Lato', sans-serif;
}

.left, .right, .centred {
	text-align: center;
}

@media (min-width: 640px) {
	
	.left {
		text-align: left;
	}
	
	.right {
		text-align: right;
	}
	
}

.btn, input[type="submit"] {
	background: #006699;
	border: 1px solid #006699;
	border-radius: 5px;
	color: #ffffff;
	display: inline-block;
	font: 700 18px/50px 'Lato', sans-serif;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.5s;
}

.btn:hover, input[type="submit"]:hover {
	background: #ffffff;
	color: #006699;
}

.header {
	margin: 20px 0;
}

.logo {
	color: #006699;
	font: 700 36px/40px 'Lato', sans-serif;
	text-transform: uppercase;
}

.slogan {
	font: 400 18px/28px 'Lato', sans-serif;
	
}

.phone {
	font: 400 24px/30px 'Lato', sans-serif;
	text-transform: uppercase;
}

.phone span {
	font-weight: 700;
}

.email a {
	color: #006699;
	font: 400 18px/24px 'Lato', sans-serif;
	text-decoration: underline;
}

.mainContent {
	background: #006699;
	color: #ffffff;
	padding: 0 0 20px;
}

.mainContent a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: underline;
}

.services .row {
	margin: 40px auto 0;
}

.contact {
	margin: 20px auto 40px;
}

.footer {
	background: #006699;
	color: #ffffff;
	font: 400 18px/28px 'Lato', sans-serif;
	padding: 20px;
}
.footer a {
	color: #ffffff;
	text-decoration: underline;
}