body { 
 
} 
#mainContainer { 
margin:0 auto; 
}
p.small {line-height:10%;}
p.medium {line-height:30%;}
p.big {line-height:200%;}

p {
  font-family: "Nunito Sans", sans-serif;
  colour: #006ddf;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
p1 {
  font-family: "Nunito Sans", sans-serif;
  colour: #ffffff;
  font-weight: 320;
  margin: 0;
  padding: 0p;
}

p2{
  font-family: "Nunito Sans", sans-serif;
  colour: #ffffff;
  font-weight: 320;
  margin: 95px;
  padding: 0p;
  }
h2 {
  font-family: "Nunito Sans", sans-serif;
  colour: #ffffff;
  font-weight: bold;
  margin: 0;
  padding: 0;
} 
h1 {
  font-family: "Nunito Sans", sans-serif;
  colour: #ffffff;
  font-weight: bold;
  margin: 0;
  padding-left: 50px;
} 
.image-wrapper {
    position: relative; /* Container for relative positioning */
    width: 990;
    height: 532;
}

.black-overlay {
    position: absolute;
    top: -1px;
    left: 1px;
    width: 1100px;
    height: 532px;
    background-color: #000000;
    /* Transparency settings for Dreamweaver MX */
    filter: alpha(opacity=50); /* IE8 and lower */
    opacity: 0.7; /* Modern browsers (higher than 50% = less transparent) */
}

.logo {
	width: 190px;
	height: 96px;
	margin-top:8;
	border -radius: 50%;
	margin-left:absolute;
	}
	
.container {
	list-style:none;
	display: flex;
	background-color: white;
	font-size: 16px;
	align-items: centre;
	}
	
.items {
	padding-left:50px;
	padding-top:40px;
	color:#006ddf; 
	}
	
.items a{
	color: #006ddf;
	text-decoration: none;
	}
	
.items a:hover{
	colour: yellow;
	}
	
.box-one, .box-two, .box-three {
	width:100%;
	text-align: centre;
	margin-left: 50px;
	}
	
.box-one {
	background: white;
	}
.box-two {
	background: white;
	}
.box-three {
	background: white;
	}
	
.subtitle{
	position:absolute;
    top:20%;
	right: 15%;
	color:white;
	text-align: right;
	}
	
.button {
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: centre;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	}
.button1 {background-color: #ed3f23;}
.button2 {background-color: #006ddf;}
.button3 {background-color: #25b755;}
.button4 {background-color: #205b41;}
.button5 {background-color: #003982;}
.button6 {background-color: #006dff;}

input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container2 {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}