.navigation-item {
  padding-left: 1em;
  text-transform: uppercase;
  white-space: nowrap; }

.navigation-item:active,
.navigation-item:hover {
  color: #ffffff; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, .pane, .well {
  max-width: 100%;
  margin: 0; }

body {
  background-color: #FFFFFF;
  padding: 0; }

input, textarea, button {
  border: none;
  margin-bottom: 14px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 7px; }

a,
a:visited,
a:active {
  color: inherit; }

a {
  text-decoration: none; }

a:focus, a:hover {
  text-decoration: underline; }

/*
 * Remove the whitespace under inline images
 */
.imagebox img,
.well img,
.header-branding img,
.footer-branding img {
  display: block;
  margin: 0 auto; }

.btn-primary {
  background-color: #F89734;
  border: 1px solid #F89734;
  border-radius: 42px;
  padding: 0.5em 28px; }

.header-branding img,
.footer-branding img {
  max-width: 100%; }

.header-branding {
  padding-bottom: 56px; }

.footer-branding {
  position: relative;
  min-height: 500px;
  padding-top: 56px;
  background: black url("../img/logo_footer_1200px.png") no-repeat bottom center; }

.copyright {
  color: #000000;
  font-size: .75em;
  font-weight: 400;
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0; }

.powered-by {
  line-height: 1em; }

.pane,
.well {
  padding: 2em 5% 0; }

.pane > *,
.well > * {
  max-width: 100%;
  margin: 0 0 2em; }

.well > * {
  margin: 0 0 0;
  padding: 0 0 2em; }

.row {
  margin: 1em;
  max-width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -webkit-align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start; }

.imagebox {
  margin: 0 1em 0 0;
  -webkit-box-flex: auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  width: 20%;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: auto;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: auto;
  /* IE 10 */
  flex: auto;
  /* NEW, Spec - Firefox, Chrome, Opera */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch; }

.imagebox h1,
.imagebox p {
  margin: 0;
  padding: 0; }

.imagebox > div,
.imagebox > a {
  flex: 1; }

.imagebox:last-child {
  margin-right: 0; }

.imagebox .image-header {
  padding: 1em;
  background: #a5a5a5; }

.row > * img {
  width: 100%;
  height: auto; }

.well {
  background-color: #dedede;
  -webkit-box-shadow: 0px 30px 40px -20px #C5C3C3 inset, 0px 0px 0px 0px #000 inset, 0px -40px 30px -30px #aca9a9 inset, 0px 0px 0px 0px #000 inset;
  -moz-box-shadow: 0px 30px 40px -20px #C5C3C3 inset, 0px 0px 0px 0px #000 inset, 0px -40px 30px -30px #aca9a9 inset, 0px 0px 0px 0px #000 inset;
  box-shadow: 0px 30px 40px -20px #C5C3C3 inset, 0px 0px 0px 0px #000 inset, 0px -40px 30px -30px #aca9a9 inset, 0px 0px 0px 0px #000 inset; }

.hero {
  background-color: #70707c;
  padding: 1em 0; }

.contact-form {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: right;
  background-image: url("../img/stef_pic_left.jpg"), url("../img/stef_pic_right.jpg");
  background-position: left top, right;
  background-repeat: repeat-y, repeat-y;
  background-size: 50% 100%, 50% 100%; }

.contact-form-wrapper {
  background: transparent url("../img/stef_pic_centre.jpg") no-repeat;
  background-size: auto 100%;
  padding: 5%;
  margin: 0 auto;
  width: 90%; }

.contact-form label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.contact-form input,
.contact-form textarea {
  width: 18em; }

.contact-form textarea {
  height: 6em; }

.contact-info {
  background-color: #484652;
  padding: 2em 0; }

.spam-field {
  display: none; }

body {
  text-align: center;
  color: #A7A4A4;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
  font-size: 22.4px;
  line-height: 2em; }
  @media only screen and (max-width: 540px) {
    body {
      font-size: 15.68px; } }
  @media only screen and (min-width: 541px) and (max-width: 719px) {
    body {
      font-size: 17.92px; } }
  @media only screen and (min-width: 720px) and (max-width: 899px) {
    body {
      font-size: 20.16px; } }

.well {
  line-height: 1.5em; }

.testimonial > p {
  text-align: justify center;
  max-width: 60%;
  margin: 0 auto; }

.pane {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: 840px; }

ul {
  list-style: none; }

ul li:before {
  content: "-";
  position: relative;
  left: -5px; }

ul li {
  text-indent: -5px; }

h1, h2, h3, h4, h5, h6, em, strong {
  color: #2F2C32; }

strong {
  font-weight: 200; }

h1 {
  font-weight: 400;
  font-size: 1.5em; }

h2 {
  font-weight: 200;
  font-size: 1.25em; }

address {
  font-style: normal;
  font-weight: 400;
  line-height: 48px; }

.btn-primary {
  font-size: 1.5em;
  color: #FFFFFF; }

.well {
  font-size: 1.5em;
  font-weight: 200; }

.hero {
  font-weight: 200;
  line-height: 2em;
  font-size: 1.25em; }

.hero > * {
  margin-left: auto;
  margin-right: auto; }

.hero h1 {
  color: #FFFFFF;
  font-size: 1.75em;
  font-weight: 600;
  text-transform: uppercase;
  max-width: 50%; }
  @media only screen and (max-width: 540px) {
    .hero h1 {
      max-width: 80%; } }
  @media only screen and (min-width: 541px) and (max-width: 719px) {
    .hero h1 {
      max-width: 70%; } }

.hero p {
  max-width: 80%; }
  @media only screen and (max-width: 540px) {
    .hero p {
      max-width: 95%; } }
  @media only screen and (min-width: 541px) and (max-width: 719px) {
    .hero p {
      max-width: 90%; } }

/*
 * Tighen up the space between h1 and h2 in a page header
 */
.page-header {
  margin-bottom: 3em; }

.page-header h1 {
  margin-bottom: 0; }

.page-header h2 {
  margin-top: 0; }

.imagebox .image-header {
  text-align: left; }

.imagebox h1,
.imagebox h2,
.imagebox .image-header {
  color: #FFFFFF; }

.contact-form {
  color: #2F2C32; }

.contact-form input,
.contact-form textarea,
.contact-form button {
  font-family: inherit; }

.contact-info {
  font-size: 2em; }

/*# sourceMappingURL=style.css.map */