@charset "utf-8";
* {padding: 0; margin: 0;}
img {border: 0; vertical-align: middle;}
html, body, div, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, hgroup {display:block;}
.float {float: left;} .clear {clear: both;} 

@font-face {
    font-family: 'bodoni_72regular';
    src: url('../woff2/bodoni-72-book-webfont.woff2') format('woff2'),
         url('../woff/bodoni-72-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'meleniasregular';
    src: url('../woff2/melenias-webfont.woff2') format('woff2'),
         url('../woff/melenias-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grand_halvaregular';
    src: url('../grand_halva-webfont.html') format('woff2'),
         url('../grand_halva-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'bodoni_72regular', sans-serif; margin: 0; padding: 0; font-size: 16px; line-height: 24px; color: #000; letter-spacing: 2px;}

h1 {font-weight: bold; font-size: 18px; line-height: 20px; color: #777;}
h2 {font-weight: normal; font-size: 40px; line-height: 45px; color: #000;font-family: 'meleniasregular';}
h3 {font-weight: 300; font-size: 20px; line-height: 25px; color: #000;font-family: 'Open Sans', sans-serif;}
hr {border-bottom: 2px solid #000;}

a {text-decoration: none; font-weight: bold; color: #777;}
a:hover {text-decoration: underline; font-weight: bold; color: #777;}

#content ul {list-style-type: none; list-style-position: outside; padding-left: 0px;}
#content ul li {background-image: url('../png/circle.png'); background-size: 20px 25px; background-repeat: no-repeat; padding-left: 30px;}


.sub {font-size: 15px; line-height: 18px; font-weight: bold;}

.padding {display:block; padding: 20px;}

a.boxedout {border: solid 2px #00827C; display: block; margin: 5%; color: #00827c; font-weight: normal; font-family: 'Open Sans', sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 20px; line-height: 24px;}

.lead-para {font-size: 16px; line-height: 18px; color: #777;}
img.pull-left {float:left; padding-right: 20px;} img.pull-right {float:right; padding-left: 20px;}
img.resp {width: 100%; height: auto;}
#top {height: 100vh; display:block; width: 100%; background-image: url('../jpg/landscape.jpg'); background-attachment: fixed; background-size: cover; background-position: center center;}

.bg-pic1 {background-image: url('../jpg/tree-trunk.jpg'); background-size: 60% auto; background-position: top left;display:block; width: 100%; height: 500px; background-repeat: no-repeat;}
#shifter-1 {display:block; width: 100%; margin-top: 88%; background-color: #fff; text-align:center; font-size: 25px; line-height: 30px;}
#green-1 h3 {text-transform: uppercase;text-align: center; color: #fff; font-size: 35px; line-height: 40px;}
.bg-pic2 {background-image: url('../jpg/pool.jpg'); background-size: 85% auto; background-position: top right;display:block; background-repeat: no-repeat; min-height: 600px;}

#green-2 h3 {text-transform:uppercase;text-align: center; color: #fff; font-size: 35px; line-height: 40px;}
#green-2 {color: #fff; position: relative; top: 80px; padding: 2%; width: 27%; background-color: #00827C;display:block;}

.bg-pic3 {background-image: url('../jpg/leaf.jpg'); background-size: 70% auto; background-position: top right;display:block; background-repeat: no-repeat; min-height: 500px;}
#green-3 h3 {text-transform:uppercase;text-align: center; color: #fff; font-size: 35px; line-height: 40px;}
#green-3 {color: #fff; position: relative; top: 30px; padding: 2%; width: 35%; background-color: #00827C;display:block;}


#executive-coaching {display:block; clear:both; min-height: 300px; width: 100%; padding-top: 50px; padding-bottom: 25px;}
#executive-profiling {display:block; clear:both; min-height: 300px; width: 100%; padding-top: 50px; padding-bottom: 25px;}

.grey-1 {float:left; background-color: #e6e6e6; width: 66.6%;}
.white-1 {display:block; background-color: #fff; padding: 5%; width: 90%; color: #00827C; font-size: 30px;; line-height: 40px; text-align:center;}
.peach-1 {Float:right; background-color: #ffd18d; padding: 2%; width: 29.3%; font-size: 20px; line-height: 25px;font-family: 'Open Sans', sans-serif;}

#what-we-do {padding-top: 50px;}

#the-profiling-process {display:block; clear:both; min-height: 300px; width: 100%; padding-top: 50px; padding-bottom: 25px;}
#the-profiling-process h3 {color: #00827c; font-weight: 300; font-size: 30px;; line-height: 40px;}

#transition-coaching {display:block; clear:both; min-height: 300px; width: 100%; padding-top: 50px; padding-bottom: 25px;}

#resilience-coaching {display:block; clear:both; min-height: 300px; width: 100%;  padding-top: 50px; padding-bottom: 25px;}
#resilience-coaching h3 {font-size: 30px; line-height: 40px;}
.identifying  {display:block; background-color: #E6E6E6; padding: 20px;}

#leadership-coaching {display:block; clear:both; min-height: 300px; width: 100%; padding-top: 50px; padding-bottom: 25px;}
#leadership-coaching h3 {font-size: 25px; line-height: 30px;}
.leadership-coaching {display:block; background-color: #E6E6E6; padding: 20px;}

#our-approach {display:block; clear:both; min-height: 300px; width: 100%;  padding-top: 50px; padding-bottom: 25px;}
#our-approach h3 {font-size: 30px; line-height: 35px; font-family: 'Open Sans', sans-serif;}

#how-to-get-started {display:block; clear:both; min-height: 300px; width: 100%; background-color: #ffd18d; padding-top: 50px; padding-bottom: 25px;}

#how-to-get-started h3 {font-size: 25px; line-height: 30px;}

#how-to-get-started .four-1,
#how-to-get-started .four-2,
#how-to-get-started .four-3,
#how-to-get-started .four-4 {color: #00827C;}

.pier-top {display:block; width: 100%; padding-bottom: 20%;}
.pier-bottom  {display:block; width: 100%; padding-bottom: 20%;}
.pier-trap {position:absolute;left: 0; right: 0;}
.pier {position: relative; top: -300px;}


#all-services {float: none; margin-left: auto; margin-right: auto; font-size: 30px; line-height: 40px; text-align: center;}

#meet-the-team {display:block; clear:both; min-height: 300px; width: 100%; padding-top: 50px; padding-bottom: 25px;}
img.headshot {width: 60%; margin-left: 20%; margin-right: 20%; border-radius: 50%;}
#meet-the-team hr {margin-top: 10px; margin-bottom: 10px;}
#meet-the-team h3 {text-align:center; font-size: 30px; line-height: 40px;font-weight: bold;}
#meet-the-team h3.subheading {font-size: 20px; line-height: 30px; font-weight: normal;}

#testimonials {display:block; clear:both; min-height: 300px; width: 100%; background-color: green; color: #fff; padding-top: 0px; padding-bottom: 0px;background-image: url('../jpg/our-clients.jpg'); background-attachment: fixed; background-size: cover; background-position: center center;}
.green {display:block; padding-top: 50px; padding-bottom: 50px;}
#testimonials h3 {color: #fff; font-weight: bold;}
#testimonials table h3 {color: #000;}
#testimonials table hr {color: #fff; border-bottom: solid 2px #fff;}
img.speechmarks {width: 50px; height: auto; margin-top: 10px; margin-bottom: 10px;}

#who-we-work-with {display:block; clear:both; min-height: 300px; width: 100%; background-color: #fff; padding-top: 50px; padding-bottom: 25px;}

#footer {font-family: 'Open Sans', sans-serif; font-weight: 300; padding-top: 50px; padding-bottom: 25px;padding-left: 1%; padding-right: 1%; width: 98%;}
#footer a {font-weight: normal; color: #000;}

.one-1, .two-1, .two-2, .three-1, .three-2, .three-3, .three-12, .four-1, .four-2, .four-3, .four-4,
.five-1, .five-2, .five-3, .five-4, .five-5, .six-1, .six-2, .six-3, .six-4, .six-5, .six-6
{min-height: 50px;float:left; text-align: left; display: block; padding: 1%; margin: 0px 0.5% 10px 0.5%;}


@media only screen and (min-width: 1000px) { /* WIDE - Desktop */
  .one-1 {width: 97%; }
  .two-1, .two-2 {width: 47%; }
  .three-1, .three-2, .three-3 {width: 30.33%; }
  .three-12 {width: 63.66%; }
  .four-1, .four-2, .four-3, .four-4 {width: 22%; }
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 17%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 13.66%}
  .roundel h3 a {font-size: 40px; line-height: 45px; font-weight: normal;}
}

@media only screen and (min-width: 768px) and (max-width: 999px) { /* MEDIUM - Tablet Portrait */
  .one-1 {width: 97%;}
  .two-1, .two-2 {width: 47%;}
  .three-1, .three-2, .three-3 {width: 30.33%;}
  .three-12, .three-23 {width: 63.66%; margin-top: 0px;}
  .four-1, .four-2, .four-3, .four-4 {width: 22%;}
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 17%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 30.33%;} 
    #green-1, #green-2, #green-3 {padding: 2%; width: 50%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
  .one-1 {width: 97%;}
  .two-1, .two-2 {width: 97%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%;}
  .five-1, .five-2, .five-3 {width: 30.33%; }
  .five-4, .five-5 {width: 47%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 47%;}
  .bg-pic1, .bg-pic2, .bg-pic3 {background-size: 100% auto; height: auto;}
   .bg-pic1 {height: 350px; padding-bottom: 10px;}
  #green-1, #green-2, #green-3 {padding: 2%; width: 96%; }
  #green-2 {top: 250px;}
  #green-3 {top: 150px; padding-bottom: 100px;}
.grey-1 {width: 100%;}
.white-1 {padding: 5%; width: 90%;}
.peach-1 {padding: 2%; width: 96%;} 
    .roundel h3 a {font-size: 30px; line-height: 35px; font-weight: normal;}
  .pier {position: relative; top: -100px;}
  #all-services {float: none; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 30px; text-align: center;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
  .one-1 {width: 97%; }
  .two-1, .two-2 {width: 97%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%; }
  .five-1, .five-2, .five-3, .five-4 {width: 47%}
  .five-5 {width: 97%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 97%;}
   .bg-pic1, .bg-pic2, .bg-pic3 {background-size: 100% auto; height: auto; padding-bottom: 50px;}
  .bg-pic1 {height: 350px; padding-bottom: 10px;}
  #green-1, #green-2, #green-3 {padding: 2%; width: 96%; }
  #green-2 {top: 250px;}
  #green-3 {top: 150px; padding-bottom: 100px;}
.grey-1 {width: 100%;}
.white-1 {padding: 5%; width: 90%;}
.peach-1 {padding: 2%; width: 96%;} 
    .roundel h3 a {font-size: 25px; line-height: 30px; font-weight: normal;}
  .pier {position: relative; top: -100px;}
  #all-services {float: none; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 30px; text-align: center;}
}