body {
	background: #86BACF;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #615c58;
    line-height: 30px;
    text-align: center;
}

strong { font-weight: 600; }

/* removed this styling as anchors are being styled already in common.css - also the transition property was causing
the menu buttons on the main nav bar to become transparent after being clicked */
/*
a, a:hover, a:focus {
	color: #d05a4e;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
*/

h1, h2 {
	margin-top: 10px;
	font-size: 30px;
    font-weight: 600;
    color: #615c58;
    line-height: 42px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #615c58;
    line-height: 30px;
}

img { max-width: 100%; }

/* This css would style how content looks when selected by the user - its been removed as there doesn't seem to be a 
need for it */
/*
::-moz-selection { background: #d05a4e; color: #fff; text-shadow: none; }
::selection { background: #d05a4e; color: #fff; text-shadow: none; }
*/



@media (max-width: 767px) {
  .container {
    width: 75%;
  }
}

@media (max-width: 600px) {
  .container {
    width: 85%;
  }
}

@media (max-width: 480px) {
  .container {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .container {
    width: 320px;
  }
}

/***** Top content *****/

.inner-bg {
    padding: 130px 0 170px 0;
}

.top-content h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
	color: #fff;
}

.top-content .description a { color: #fff; border-bottom: 2px dotted #fff; }
.top-content .description a:hover, 
.top-content .description a:focus { border: 0; }

.top-content .top-big-link {
	margin-top: 35px;
}

.form-box {
	padding-top: 40px;
	padding-bottom: 18px;
	border-radius: 20px;
	background-color: white;
}

.form-top {
	padding: 25px 25px 15px 25px;
	background: #f7f4ed;
	text-align: left;
	margin-right: 25px;
	margin-left: 25px;
	border-radius: 10px;
}

.form-top h2 { margin-top: 0;
			   font-weight: 300;
}		

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: white;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form .input-error {
	border-color: #d05a4e;
}


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
	
	.inner-bg { padding: 180px 0 110px 0; }

}