body {
    margin: 0;
    background-color: #b3c4b10f;
    color: #000;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    /*background-color: #1E4258;
    color: #C5C6C7;*/
}

h1, h2, h3{
    font-family: "Quattrocento Sans", Helvetica, sans-serif;
    text-align: center;
}

#headerImg {
    width: 1477px;
	height: 300px;
    margin: auto;
    display: block;
}

#topnav {
    position: fixed;
    z-index: 10;
    overflow: hidden;
    background-color: #022140;
    top: 0;
    /*opacity: 0.4;*/
    width: 100vw;
}

#topnav a {
    float: left;
    display: block;
    color: #FFF;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#topnav a:hover {
    background-color: #2D5F5D;
}

a.active {
    background-color: #2b4070;
}

#container_contact {
    background-color: #99e699;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

#container {
    /*background-color: #022140;*/
    overflow: hidden;
    width: 100%;
    text-align: center;
}

#container section {
    display: block;
    width: 96vw;
    padding: 2vh 2vw;
    /*min-height: calc(96vh - 28px - 1em);*/
}

#container section:first-child {
    background-color: #bfff80;
	font-size: ;
}

#container section:nth-child(2), #intro section:nth-child(2) {
    background-color: #99ffbb;
}

#container section:nth-child(3), #intro section:nth-child(3) {
    background-color: #66ff99;
}

#container section:nth-child(4), #intro section:nth-child(4) {
    background-color: #33ff77;
}

#container section:nth-child(5), #intro section:last-child{
    background-color: #1aff66;
}

#container section:last-child{
    background-color: #00e64d;
}

#a {
    text-decoration: none;
}

#title {
    width: 100%;
    text-align: center;
}

#intro{
    width: 100%;
    height: 85vh;
}

#howtouse{
	background-color: #99ffbb;
    width: 95% !important;
    padding-bottom: 2vh !important;
    margin-bottom: 2vh !important;
    height: 30vh !important;
}

#intro section{
    display: block;
    width: 20%;
    padding: 0 2.5%;
    height: 50vh;
    float: left;
}

#intro section a{
    display: block;
    color: #FFF;
    text-align: bottom;
    padding: 14px 16px;
    text-decoration: none;
    background-color: #0270b1;
}

#intro section a:hover{
    background-color: #024574;
}

.contactbtn {
	display: block;
    color: #FFF;
    padding: 14px 16px;
    background-color: #0270b1;
    width: 10%;
    margin: auto;
	text-decoration: none;
}

#bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

.header {
	background: #99e699;
	padding-top: 50px;
	color: white;
	font-size: 20px;
	text-align: center;
}

.image {
	background-image: url(https://austie.co.uk/header.png);
	display: block;
	max-width: 100%;
    height: auto;
	background-repeat: no-repeat;
}

.inline (
	display: inline-block;
}