/********** Resets **********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, fieldset, form, label, table, tbody, tr, th, td, embed {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }

/********** Universal Styles **********/

html {font-family: Arial, Tahoma, Verdana, sans-serif}

body {
  font-size: 62.5%;
  line-height: 1em;
  background-color: #FFFFFF;
  text-align: center;
  height: 100%;
  color: #555555;
}

h1, h3, h4, h5, h6 {font-family: 'Cabin', 'Arial', sans-serif; color:#333333; font-weight:100; padding:10px 0; margin:0; line-height:1em;}
h2 {font-family: 'Antic', 'Arial', sans-serif; color:#333333; font-weight:100; padding:30px 0; margin:0; line-height:1em;}
h1 {font-size:5.5em; padding:30px 0;}
h2 {font-size:3.5em;}
h3 {font-size:2.5em; margin:0;}
h4, h5, h6 {font-size:2em}

p {font-family: 'Cabin', sans-serif;font-size: 1.7em;line-height: 1.5em;padding:10px 0;}
a {color: #555555;}
a:hover {color: #39b54a;text-decoration: none;}
a.dark {color: #252525;}
a.dark:hover {color: #252525;text-decoration: none;}
img {max-width: 100%;}
hr {border: 1px solid #cccccc;}
address {font-size: 1.7em;line-height: 1em}

.i {font-style: italic}

.dark-grey-text {color: #252525;}
.dark-grey-bg {background-color: #3d4345;}

.light-grey-bg {background-color: #cad0d2;}

.white-text {color: #FFFFFF;}
.white-bg {background-color: #FFFFFF;}

.green-text {color: #39b54a;}
.green-bg {background-color: #39b54a;}

.photo-text {font-size: 1.5em;padding:0;}


/********** Layout **********/

.section-container {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  clear: both;
}

.content-container {
  max-width: 1100px;
  min-width: 260px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
}

#header {
  height: 495px;
  background: url("images/header-bg.jpg") no-repeat top center;
  background-size: cover;
}

#header-contact {
  height: 50px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: right;
  color: #FFFFFF;
  font-size: 1.5em;
}

#header-contact a {
  font-family: 'Antic', sans-serif;
  color: #FFFFFF;
  text-decoration: none;
}

#header-contact a.hover {
  font-family: 'Antic', sans-serif;
  color: #39b54a;
  text-decoration: none;
}

.logo {
  padding-top: 50px;
}

.logo-main-text {
  font-family: 'Cabin', sans-serif;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: .05em;
  padding-top: 20px;
}

.logo-secondary-text {
  font-family: 'Cabin', sans-serif;
  color: #39b54a;
  font-size: 2.3em;
  letter-spacing: .08em;
  padding-top: 0px;
}

.shadow {
  text-shadow: 2px 2px 2px #333333;
}

.centre {
  text-align: center;
}

.float-left {
  float: left
}

.float-right {
  float: left
}

.centre {
  text-align: center;
}

.narrow-content {
  max-width: 860px;
  margin: 0 auto;
}


/********** Responsive columns container **********/

.column-container {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding:20px 0;
}

/********** Two column 50% each layout **********/

.two-col-50 {
    float: left;
    margin: 0 1%;
    width: 48%;
    overflow: hidden;
}

/********** Two column 75% / 25% layout **********/

.two-col-75 {
    float: left;
    margin: 0 1%;
    width: 73%;    
}

.two-col-25 {
    float: left;
    margin: 0 1%;
    width: 23%;
}

/********** Two column 70% / 30% layout **********/

.two-col-70 {
    float: left;
    margin: 0 1%;
    width: 68%;    
}

.two-col-30 {
    float: left;
    margin: 0 1%;
    width: 28%;
}

/********** Two column 60% / 40% layout **********/

.two-col-60 {
    float: left;
    margin: 0 1%;
    width: 58%;    
}

.two-col-40 {
    float: left;
    margin: 0 1%;
    width: 38%;
}


/********** Three column 33% / 33% / 33% layout **********/

.three-col-33 {
    float: left;
    margin: 0 1%;
    width: 31%;    
}


/********** Singular elements **********/

.column-container ul, .column-container ol {
  font-family: 'Arial', sans-serif;
  font-size: 1.4em;
  line-height: 1.5em;
  padding:10px 40px;
}

.column-container ul {
  list-style: circle;
}

.column-container ol {
  list-style:  decimal;
}

.pinpoint {
  float:left;
  margin:0 10px 0 0;
}

#back-to-top {
  width: 175px;
  height: 83px;
  margin :50px auto 0;
}

#footer {
  min-height: 200px;
  background: #111111;
}

.footer-about {
  max-width: 880px;
  margin: 0 auto;
  clear: both;
}

.footer-about img {
  margin: 5px;
  border: 1px solid #333333;
}

.footer-about p {
  font-family: 'Shadows Into Light Two', sans-serif;
  color: #ffffff;
  font-size: 2em;
  line-height: 1.2em;
}