html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Roboto, Helvetica, Arial, sans-serif /*{body-font-family}*/;
	font-size: 16px /*{body-font-size}*/;
	color: #ffffff /*{body-font-colour}*/;
	background-color: #00393d /*{body-background-colour}*/;

	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image:url(../img/background.jpg) /*{body-background-image}*/;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

a {
  color:#beeeff /*{link-text-colour}*/;
}
a:hover,
a:focus {
  color: #83d0ff /*{link-text-hover-colour}*/;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Roboto, Helvetica, Arial, sans-serif /*{headers-font-family}*/;
  color: #fff /*{headers-colour}*/;
}

h1,
.h1 {
  font-size: 38px /*{header-1-font-size}*/;
}
h2,
.h2 {
  font-size: 32px /*{header-2-font-size}*/;
}
h3,
.h3 {
  font-size: 26px /*{header-3-font-size}*/;
}
h4,
.h4 {
  font-size: 20px /*{header-4-font-size}*/;
}
h5,
.h5 {
  font-size: 16px /*{header-5-font-size}*/;
}

.logo {
	text-align: center;
	margin: 0 0 20px 0;
}
.logo img {
	max-width: 100%;
}
.center-block {
	float: none;
}

.coming-soon-box {
	background-color: rgba(0,0,0,0.5);
	padding: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.list-social {
	display: block;
	margin: 0 auto;
	width: auto;
	text-align: center;
}

.list-social a,
.list-social a:hover {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	color: #fff;
	font-size: 36px;
}