@charset "UTF-8";

html{
  height:100%;
  width:100%;
}
body{    
  background:url('images/jurassic-coast-1089035_1920.jpg') no-repeat;
  background-size: cover;
  height:100%;
}
.form-top{
  margin-top: 30px;
}
.panel{
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
  border-radius: 6px;
    border: 0;
}
@-moz-document url-prefix() {
    .form-control{
      height: auto;
    }
}
.panel-primary{
  background-color: #2c3e50;
  color: #fff;
}
.panel-primary>.panel-heading {
    color: #fff;
    font-size: 20px;
    background-color: #2c3e50;
    border-color: #2c3e50;
}
.btn-warning{
  background-color: transparent;
  border-color: #bdc3c7;
}
.form-group{
	background-color: #9960ff;
	color: #FFFFFF;
}
h4 {
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}
.btn, .btn-raised, .btn-block, .btn-danger{
	background-color: #9960ff;
	color: #FFFFFF;
}
body {
	font-family: source-sans-pro;
	background-color: #f2f2f2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
}
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 1000px;
	background-color: #FFFFFF;
}
header {
	width: 100%;
	height: 5%;
	background-color: #dcdcdc;
	border-bottom: 1px solid #9960ff;
}
.logo {
	float: left;
	margin-top: 7px;
	margin-left: 25px;
}
nav {
	float: right;
	width: 50%;
	text-align: right;
	margin-right: 25px;
}
header nav ul {
	list-style: none;
	float: right;
}
nav ul li {
	float: left;
	color: #000000;
	font-size: 14px;
	text-align: left;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #000000;
	text-decoration: none;
}
ul li:hover a {
	color: #9960FF;
}
.responsive {
  width: 100%;
  height: auto;
  	display: block;
  margin-left: auto;
  margin-right: auto;
}
.mid {
	background-color: #ffffff;
	padding-top: auto;
	padding-bottom: auto;
}