/* Set height to 100% for body and html to enable the background image to cover the whole page: */

/* Media Queries Start Here */



body, html {
  height: 100%
}

/* Fonts Defined Here */
h1 {
	font-size:1.5em;
	margin-top:0.2em;
	margin-bottom:0.2em;
}

p {
	margin-top:0.2em;
	margin-bottom: 0.2em;
	line-height:1.6;
	font-size:0.8em;
}

a {
	color:#00b1c7;
	font-weight:600;
}

.copyright {
	font-size: 0.8em;
}

.contact {
	font-weight:600;
	margin-top:0.5em;
}

.intro{
	margin-top:0.5em;
}


/* Colours Defined Here */

.grey, .copyright, .middle {
	color:#333;
}

.blue, a, h1 {
	color:#0061B2;
}


.bgimg {
  /* Background image */ 
  /*background-image: url("../images/holding.jpg");*/
  /* Full-screen */
  height: 100%;
  /* Center the background image */
  background-position: center;
  /* Scale and zoom in the image */
  background-size: cover;
  /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
  position: relative;
  /* Add a font */
  font-family: 'Open Sans', sans-serif;
  /* Set the font-size to 25 pixels */

}

#overlay{
	background:rgba(255, 255, 255, 0.33);
	height:100%;
}

/* Position text in the top-left corner */
.logo img {
	width:200px;
	height:100px;

}


/* Position Bottom Center */
.copyright {
  position: absolute;
  bottom: 0;
  left: 16px;
  text-align:center;
  left:50%;
  transform: translate(-50%, -50%);
}

/* Position text in the middle */
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-top:1em;
  width:90%;
}

/* Style the <hr> element */
hr {
  margin: auto;
  width: 40%;
  border: 0.8px solid #0061B2;
}

h1 {
  text-align: center;
  color: #0061B2;
  font-size: 1.2em;
  letter-spacing: 0.5px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  /*Create overlap*/

}

/* Media Queries Start Here */
@media screen and (min-width: 768px) {
	
.logo img {
	width:350px;
	height:187px;

}

h1 {
	font-size:3em;
	margin-top:0.2em;
	margin-bottom:0.2em;
}

p {
	margin-top:0.2em;
	margin-bottom: 0.2em;
	line-height:1.6;
	font-size:1.2em;
}

.middle {
	width:70%;
}

}


