/*
Theme Name: Baytree IT Custom Theme
Description: A custom theme for Baytree IT by TimPowersDesign
Author: Tim Powers
Author URI: http://www.timpowersdesign.co.uk/
*/
/*Fonts*/
@font-face {
  font-family: 'TransitFront-negativ';
  src: url("fonts/transitfront-negativ.woff") format("woff"), url("fonts/transitfront-negativ.ttf") format("truetype"); }
@font-face {
  font-family: 'TransitFront-bold';
  src: url("fonts/transitbackneg-bold.woff") format("woff"), url("fonts/transitbackneg-bold.ttf") format("truetype"); }
/*General Styles*/
a {
  color: #333333;
  text-decoration: none; }

.align-center {
  align-items: center;
  -webkit-align-items: center; }

.align-end {
  align-items: flex-end;
  -webkit-align-items: flex-end; }

.align-start {
  align-items: flex-start;
  -webkit-align-items: flex-start; }

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-family: "TransitFront-negativ";
  color: #333333;
  width: 100%;
  background: url("../../../../../../Images/bg.png");
  background-size: cover;
  background-position: center -200px; }

.content-wrapper {
  width: 980px;
  margin: 0 auto; }

.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap; }

.flex-around {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flex-centre {
  justify-content: center;
  -webkit-justify-content: center; }

.flex-end {
  justify-content: flex-end;
  -webkit-justify-content: flex-end; }

.flex-start {
  justify-content: flex-start;
  -webkit-justify-content: flex-start; }

.flexcol {
  flex-flow: column wrap;
  -webkit-flex-flow: column wrap; }

.flexone {
  flex: 1;
  -webkit-flex: 1; }

.flextwo {
  flex: 2;
  -webkit-flex: 2; }

.flexthree {
  flex: 3;
  -webkit-flex: 3; }

h1, h2, h4, h5 {
  font-family: "Times New Roman", Times, serif;
  color: #003B18;
  font-weight: 500;
  padding: 0;
  margin: 0; }

h2 {
  font-size: 22pt; }

h3 {
  font-family: "TransitFront-bold";
  color: #49896A;
  margin: 30px 0 10px 0;
  padding: 0; }

p {
  margin: 10px 0;
  padding: 0;
  line-height: 150%; }

.textcenter {
  text-align: center; }

.textleft {
  text-align: left; }

.textright {
  text-align: right; }

/* Header/Footer Styles*/
footer {
  background: #333333;
  color: #FFFFFF;
  font-size: 10pt;
  padding: 3px 0; }
  footer p {
    margin: 4px 0; }

header {
  border-top: 8px solid #49896A;
  padding: 20px 0;
  font-family: "TransitFront-bold";
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
  /* IE6-9 */
  /* first level */
  /* second level */
  /*Third Level*/ }
  header .contact {
    margin-bottom: 20px; }
  header .contact a {
    font-size: 15pt;
    letter-spacing: 1px;
    display: inline-block; }
  header .contact a:first-child {
    margin-right: 20px; }
  header .flexbox {
    align-items: flex-end;
    -webkit-align-items: flex-end; }
  header .logo-wrapper img {
    width: 250px; }
  header #nav {
    /* container */ }
  header #nav > a {
    display: none; }
  header #nav li {
    position: relative;
    z-index: 500;
    list-style-type: none; }
  header #nav > ul {
    /*height: 3.75em;*/
    width: 100%;
    padding: 0;
    margin: 0; }
  header #nav > ul > li {
    /*width: 25%;
    height: 100%;
    float: left;*/
    list-style-type: none; }
  header #nav > ul > li > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #003B18;
    padding: 5px 20px;
    font-size: 15pt; }
  header #nav > ul > li:last-child > a {
    padding: 5px 0 5px 20px; }
  header #nav li ul {
    display: none;
    position: absolute; }
  header #nav li:hover > ul {
    display: block;
    padding: 20px 0 0 0;
    -webkit-transition: padding 0.15s linear;
    -moz-transition: padding 0.15s linear;
    -o-transition: padding 0.15s linear;
    transition: padding 0.15s linear; }
  header #nav li ul li > a {
    padding: 15px 25px;
    display: block;
    background: #fcfcfc;
    text-decoration: none;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef; }
  header #nav li ul li > a:hover {
    background: #F9F9F9; }
  header #nav li ul li > ul {
    display: none;
    position: absolute; }
  header #nav li ul li:hover > ul {
    display: block;
    padding: 0;
    -webkit-transition: padding 0.15s linear;
    -moz-transition: padding 0.15s linear;
    -o-transition: padding 0.15s linear;
    transition: padding 0.15s linear;
    margin-left: 145px;
    margin-top: -69px; }
  header #nav li ul li ul li > a {
    padding: 15px 25px;
    display: block;
    background: #F9F9F9;
    text-decoration: none;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef; }
  header #nav li ul li ul li > a:hover {
    background: #f4f4f4; }
  header #nav li ul li > a:after {
    content: '\f105';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    right: 8px;
    margin-top: -25px;
    position: absolute;
    color: #cccccc; }
  header #nav > ul > li > a:after {
    content: '\f107';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    right: 57px;
    margin-top: 20px;
    position: absolute;
    color: #cccccc; }
  header #nav li ul li > a:only-child:after, header #nav > ul > li > a:only-child:after {
    content: ''; }
  header .first-item {
    -webkit-box-shadow: inset 0px 7px 4px -3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 7px 4px -3px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 7px 4px -3px rgba(0, 0, 0, 0.08); }

article a {
  color: #49896A;
  font-style: italic; }

.content-wrapper article {
  padding: 30px 0; }

.cta, .cta-g, .cta-w {
  display: inline-block;
  padding: 8px 32px;
  -webkit-appearance: none;
  border: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: 16pt;
  font-style: italic;
  margin-top: 10px; }

.cta-g {
  background: #49896A !important;
  color: #FFFFFF !important; }

.cta-w {
  background: #FFFFFF !important;
  color: #49896A !important; }

.formErrors li {
  color: #990000; }

.full-width {
  width: 100%; }

.green-bar {
  height: 5px; }

.green-bg {
  background: #49896A;
  color: #FFFFFF; }
  .green-bg h2 {
    color: #FFFFFF; }

.grey-bg {
  background: #F9F9F9;
  border-bottom: 1px solid #F3F3F3; }

.image-right .flexone {
  text-align: right; }

.text-center {
  text-align: center; }

#UserContactForm .flexone:nth-child(2) {
  margin: 0 30px; }
#UserContactForm .flexone div:first-child {
  margin: 20px 0; }
#UserContactForm input, #UserContactForm textarea {
  width: 190px;
  padding: 5px 10px;
  background: #FEFEFE;
  border: 1px solid #E5E5E5;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: none;
  border-radius: 0; }
#UserContactForm input[type=submit] {
  width: 227px; }
#UserContactForm label {
  font-family: "TransitFront-bold";
  width: 75px;
  display: inline-block;
  vertical-align: top; }
#UserContactForm textarea {
  width: 201px;
  height: 100px; }

.white-bg {
  background: #FFFFFF; }

/*Home Page*/
.home-wrapper .about-section {
  align-items: flex-end;
  -webkit-align-items: flex-end; }
.home-wrapper .hero-image {
  background: url("../Images/hero.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 370px;
  margin: 0;
  padding: 0; }
.home-wrapper h1 {
  font-size: 50pt;
  padding: 30px 10px;
  margin: 0;
  width: 430px; }
.home-wrapper .threebox > .flexone {
  border-top: 5px solid #49896A;
  padding: 10px 0; }
.home-wrapper .threebox > .flexone:nth-child(2) {
  margin: 0 30px; }

/*Our Mission Page*/
.mission-wrapper .flexone {
  width: 300px;
  flex: none;
  -webkit-flex: none;
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  border-bottom: 8px solid #49896A; }

/*Projects Page*/
.projects-wrapper .flexone {
  align-items: center;
  -webkit-align-items: center;
  text-align: justify;
  border-bottom: 8px solid #49896A;
  width: 300px;
  flex: none; }
  .projects-wrapper .flexone h2 {
    padding: 20px 0; }
  .projects-wrapper .flexone h3 {
    text-align: center; }
  .projects-wrapper .flexone img {
    width: 70%; }

/*Pursuit Method Page*/
.pursuit-wrapper .approaches-wrapper .flexone {
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  border-bottom: 8px solid #49896A;
  width: 460px;
  flex: none; }
  .pursuit-wrapper .approaches-wrapper .flexone h2 {
    padding: 20px 0; }
  .pursuit-wrapper .approaches-wrapper .flexone img {
    width: 70%; }

/*Services Page*/
.services-wrapper .flexone {
  align-items: center;
  -webkit-align-items: center;
  text-align: center;
  border-bottom: 8px solid #49896A;
  width: 200px;
  flex: none; }
  .services-wrapper .flexone h2 {
    padding: 20px 0; }

/*Squirrel Self Serve*/
.selfserve-wrapper .hero-image {
  background: url("../Images/Services/squirrelselfserveherobg.png") no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 370px;
  margin: 0;
  padding: 0; }
  .selfserve-wrapper .hero-image .content {
    background: url("../Images/services/squirrelselfserveherocontent.png") no-repeat;
    background-size: 100%;
    background-position: center center;
    height: 370px;
    width: 980px; }
.selfserve-wrapper .image-right .flexone {
  margin-left: 40px; }
.selfserve-wrapper .features .flexone {
  width: 300px;
  flex: none !important;
  -webkit-flex: none !important;
  align-items: center;
  -webkit-align-items: center;
  text-align: justify;
  margin-bottom: 60px; }
  .selfserve-wrapper .features .flexone .content-wrapper {
    width: 300px; }
  .selfserve-wrapper .features .flexone p {
    border-bottom: 8px solid #49896A;
    padding-bottom: 10px; }
  .selfserve-wrapper .features .flexone h3 {
    padding: 0;
    text-align: center; }
  .selfserve-wrapper .features .flexone .white-grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
    position: absolute;
    display: inline-block;
    height: 45px;
    width: 300px;
    margin-top: -63px; }
.selfserve-wrapper .areas .flexone {
  width: 200px !important;
  flex: none !important;
  -webkit-flex: none !important;
  align-items: center;
  -webkit-align-items: center;
  text-align: justify;
  margin-bottom: 60px;
  border: 1px dotted #d3e6db;
  padding: 10px; }
.selfserve-wrapper .read-more-state {
  display: none; }
.selfserve-wrapper .read-more-target {
  height: 144px;
  overflow: hidden;
  max-height: 144px;
  -webkit-transition: max-height 0.75s ease-in-out;
  -moz-transition: max-height 0.75s ease-in-out;
  -o-transition: max-height 0.75s ease-in-out;
  transition: max-height 0.75s ease-in-out; }
.selfserve-wrapper .read-more-state:checked ~ .read-more-target {
  height: initial;
  max-height: 500px; }
.selfserve-wrapper .read-more-state:checked ~ .white-grad {
  height: 0; }
.selfserve-wrapper .read-more-state ~ .read-more-trigger:before {
  content: '+'; }
.selfserve-wrapper .read-more-state:checked ~ .read-more-trigger:before {
  content: '-'; }
.selfserve-wrapper .read-more-trigger {
  cursor: pointer;
  display: table;
  padding: 9px 7px;
  color: #666;
  font-size: 16pt;
  line-height: 10px;
  border: 1px solid #ddd;
  border-radius: 25px;
  margin: 0 auto; }

/*Responsive*/
@media only screen and (max-width: 40em) {
  .content-wrapper {
    width: 100%;
    margin: 0 auto; }
    .content-wrapper article {
      padding: 30px 10px; }

  .flexbox {
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around; }

  .flexthree {
    text-align: center; }

  footer {
    padding: 10px;
    font-size: 12pt; }
    footer p {
      margin: 10px 0; }

  header {
    /* first level */
    /* second level */ }
    header .contact {
      margin: 20px 0; }
      header .contact a:first-child {
        margin: 0 0 10px 0 !important; }
    header .first-item {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    header .flexbox {
      align-items: center;
      -webkit-align-items: center; }
    header .nav-wrapper {
      width: 100%; }
    header #navbar .flexbox {
      flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      justify-content: space-around;
      -webkit-justify-content: space-around; }
    header #nav {
      position: relative; }
    header #nav:not(:target) > a:first-of-type,
    header #nav:target > a:last-of-type {
      display: block; }
    header .menu-thin #nav li:hover ul {
      padding: 0; }
    header #nav > ul {
      height: auto;
      display: none;
      position: absolute;
      left: 0;
      right: 0; }
    header #nav:target > ul {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0; }
    header #nav > ul > li {
      width: 100%;
      float: none;
      text-align: center; }
    header #nav > ul > li a, header #nav > ul > li > ul > li > a, header #nav li ul li ul li > a {
      width: 100%;
      padding: 30px 0;
      border-bottom: 1px solid #333333;
      display: block;
      margin: 0; }
    header #nav li:hover > ul {
      padding: 0; }
    header #nav li ul {
      position: static; }
    header #nav li ul li a {
      padding: 30px 0; }
    header #nav li ul li > ul {
      width: 100%;
      position: relative; }
    header #nav li ul li:hover > ul {
      margin-left: 0;
      margin-top: 0; }
    header #nav > ul > li:last-child > a {
      padding: 30px 0;
      border-bottom: 0; }
    header #nav li ul li > a:after {
      content: '\f107';
      right: 145px;
      margin-top: 30px; }
    header #nav > ul > li > a:after {
      right: 145px;
      margin-top: 30px; }

  .home-wrapper .about-section {
    align-items: center;
    -webkit-align-items: center; }
    .home-wrapper .about-section .flexone {
      display: none; }
  .home-wrapper h1 {
    width: 88%;
    font-size: 39pt; }
  .home-wrapper .hero-image {
    height: 291px; }
  .home-wrapper .threebox > .flexone:nth-child(2) {
    margin: 30px 0; }
  .home-wrapper .sme-wrapper .image-right .flexone {
    display: none; }

  .about-wrapper article:last-child {
    align-items: center;
    -webkit-align-items: center; }
    .about-wrapper article:last-child a:first-child {
      margin-bottom: 80px; }

  .information-wrapper .image-left, .information-wrapper .image-right {
    align-items: center;
    -webkit-align-items: center; }
  .information-wrapper .image-left .flexone {
    order: 1;
    -webkit-order: 1; }
  .information-wrapper .image-left img {
    margin-top: 20px; }
  .information-wrapper .image-right img {
    height: 190px;
    margin-top: 20px; }

  .mission-wrapper article:nth-child(2), .mission-wrapper article:last-child {
    padding: 0 10px; }
  .mission-wrapper .flexone {
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 5px; }
    .mission-wrapper .flexone :last-child {
      margin-bottom: 0; }

  .projects-wrapper .flexone {
    margin-bottom: 60px;
    width: 100%;
    padding-bottom: 5px; }
    .projects-wrapper .flexone :last-child {
      margin-bottom: 0; }
    .projects-wrapper .flexone h2 {
      padding: 20px 0; }
    .projects-wrapper .flexone h3 {
      text-align: center; }
    .projects-wrapper .flexone img {
      width: 70%; }

  .pursuit-wrapper .image-right img {
    width: 90%;
    margin-top: 20px; }
  .pursuit-wrapper .image-right .flexone {
    text-align: center; }
  .pursuit-wrapper .approaches-wrapper .flexone {
    width: 100%; }
  .pursuit-wrapper .approaches-wrapper .flexone:last-child {
    margin-top: 50px; }

  .selfserve-wrapper .hero-image {
    height: 291px; }
    .selfserve-wrapper .hero-image .content {
      background: url("../Images/services/squirrelselfserveherocontentmob.png") no-repeat;
      background-size: 70%;
      background-position: center center;
      height: 291px;
      width: 100%; }
  .selfserve-wrapper .image-right .flexone {
    display: none; }
  .selfserve-wrapper .features .flexone {
    width: 100%;
    margin-bottom: 60px; }
    .selfserve-wrapper .features .flexone .content-wrapper {
      width: 98%; }
  .selfserve-wrapper .areas .flexone {
    width: 94% !important;
    margin-bottom: 60px;
    border: 1px dotted #d3e6db;
    padding: 10px; }

  .services-wrapper article:last-child {
    align-items: center;
    -webkit-align-items: center; }
    .services-wrapper article:last-child a {
      margin-bottom: 80px; }
      .services-wrapper article:last-child a :last-child {
        margin-bottom: 0; }

  .structured-wrapper article:nth-child(2), .structured-wrapper article:last-child {
    padding: 0 10px; }
  .structured-wrapper .image-left img, .structured-wrapper .image-right img {
    margin-top: 30px; }
  .structured-wrapper .image-left .flexone {
    order: 1;
    -webkit-flex-order: 1; }
  .structured-wrapper .image-right img {
    width: 200px; }

  #UserContactForm .flexbox {
    align-items: center;
    -webkit-align-items: center; }
  #UserContactForm .flexone {
    width: 100%;
    flex: none;
    -webkit-flex: none; }
  #UserContactForm .flexone:nth-child(2) {
    margin: 0;
    padding: 0; }
  #UserContactForm label {
    margin-bottom: 10px;
    width: 100%;
    text-align: center; }
  #UserContactForm input, #UserContactForm textarea {
    width: 92%;
    padding: 10px; }
  #UserContactForm input[type=submit] {
    padding: 20px 40px;
    width: 100%;
    font-size: 20pt; } }
/* iPad Landscape*/
@media screen and (min-device-width: 481px) and (max-device-width: 1023px) and (orientation: landscape) {
  .content-wrapper {
    width: 100%;
    margin: 0 auto; }
    .content-wrapper article {
      padding: 30px 10px; }

  .flexbox {
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around; }

  .flexthree {
    text-align: center; }

  footer {
    padding: 10px;
    font-size: 12pt; }
    footer p {
      margin: 10px 0; }

  header {
    /* first level */
    /* second level */ }
    header .contact {
      margin: 20px 0; }
      header .contact a:first-child {
        margin: 0 0 10px 0 !important; }
    header .first-item {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    header .flexbox {
      align-items: center;
      -webkit-align-items: center; }
    header .nav-wrapper {
      width: 100%; }
    header #navbar .flexbox {
      flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      justify-content: space-around;
      -webkit-justify-content: space-around; }
    header #nav {
      position: relative; }
    header #nav:not(:target) > a:first-of-type,
    header #nav:target > a:last-of-type {
      display: block; }
    header .menu-thin #nav li:hover ul {
      padding: 0; }
    header #nav > ul {
      height: auto;
      display: none;
      position: absolute;
      left: 0;
      right: 0; }
    header #nav:target > ul {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0; }
    header #nav > ul > li {
      width: 100%;
      float: none;
      text-align: center; }
    header #nav > ul > li a, header #nav > ul > li > ul > li > a, header #nav li ul li ul li > a {
      width: 100%;
      padding: 30px 0;
      border-bottom: 1px solid #333333;
      display: block;
      margin: 0; }
    header #nav li:hover > ul {
      padding: 0; }
    header #nav li ul {
      position: static; }
    header #nav li ul li a {
      padding: 30px 0; }
    header #nav li ul li > ul {
      width: 100%;
      position: relative; }
    header #nav li ul li:hover > ul {
      margin-left: 0;
      margin-top: 0; }
    header #nav > ul > li:last-child > a {
      padding: 30px 0;
      border-bottom: 0; }
    header #nav li ul li > a:after {
      content: '\f107';
      right: 145px;
      margin-top: 30px; }
    header #nav > ul > li > a:after {
      right: 145px;
      margin-top: 30px; }

  .home-wrapper .about-section {
    align-items: center;
    -webkit-align-items: center; }
    .home-wrapper .about-section .flexone {
      display: none; }
  .home-wrapper h1 {
    width: 88%;
    font-size: 39pt; }
  .home-wrapper .hero-image {
    height: 291px; }
  .home-wrapper .threebox > .flexone:nth-child(2) {
    margin: 30px 0; }
  .home-wrapper .sme-wrapper .image-right .flexone {
    display: none; }

  .about-wrapper article:last-child {
    align-items: center;
    -webkit-align-items: center; }
    .about-wrapper article:last-child a:first-child {
      margin-bottom: 80px; }
  .about-wrapper .about-flex {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; }

  .information-wrapper .image-left, .information-wrapper .image-right {
    align-items: center;
    -webkit-align-items: center; }
  .information-wrapper .image-left .flexone {
    order: 1;
    -webkit-order: 1; }
  .information-wrapper .image-left img {
    margin-top: 20px; }
  .information-wrapper .image-right img {
    height: 190px;
    margin-top: 20px; }

  .mission-wrapper article:nth-child(2), .mission-wrapper article:last-child {
    padding: 0 10px; }
  .mission-wrapper .flexone {
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 5px; }
    .mission-wrapper .flexone :last-child {
      margin-bottom: 0; }

  .projects-wrapper .flexone {
    margin-bottom: 60px;
    width: 100%;
    padding-bottom: 5px; }
    .projects-wrapper .flexone :last-child {
      margin-bottom: 0; }
    .projects-wrapper .flexone h2 {
      padding: 20px 0; }
    .projects-wrapper .flexone h3 {
      text-align: center; }
    .projects-wrapper .flexone img {
      width: 70%; }

  .pursuit-wrapper .image-right img {
    width: 90%;
    margin-top: 20px; }
  .pursuit-wrapper .image-right .flexone {
    text-align: center; }
  .pursuit-wrapper .approaches-wrapper .flexone {
    width: 100%; }
  .pursuit-wrapper .approaches-wrapper .flexone:last-child {
    margin-top: 50px; }

  .selfserve-wrapper .hero-image .content {
    background-size: 90%;
    background-position: center center;
    width: 100%; }
  .selfserve-wrapper .image-right .flexone {
    display: none; }
  .selfserve-wrapper .features {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; }

  .services-wrapper article:last-child {
    align-items: center;
    -webkit-align-items: center; }
    .services-wrapper article:last-child a {
      margin-bottom: 80px; }
      .services-wrapper article:last-child a :last-child {
        margin-bottom: 0; }

  .structured-wrapper article:nth-child(2), .structured-wrapper article:last-child {
    padding: 0 10px; }
  .structured-wrapper .image-left img, .structured-wrapper .image-right img {
    margin-top: 30px; }
  .structured-wrapper .image-left .flexone {
    order: 1;
    -webkit-flex-order: 1; }
  .structured-wrapper .image-right img {
    width: 200px; }

  #UserContactForm .flexbox {
    align-items: center;
    -webkit-align-items: center; }
  #UserContactForm .flexone {
    width: 100%;
    flex: none;
    -webkit-flex: none; }
  #UserContactForm .flexone:nth-child(2) {
    margin: 0;
    padding: 0; }
  #UserContactForm label {
    margin-bottom: 10px;
    width: 100%;
    text-align: center; }
  #UserContactForm input, #UserContactForm textarea {
    width: 92%;
    padding: 10px; }
  #UserContactForm input[type=submit] {
    padding: 20px 40px;
    width: 100%;
    font-size: 20pt; } }
/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation: portrait) {
  .content-wrapper {
    width: 100%;
    margin: 0 auto; }
    .content-wrapper article {
      padding: 30px 10px; }

  .flexbox {
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around; }

  .flexthree {
    text-align: center; }

  footer {
    padding: 10px;
    font-size: 12pt; }
    footer p {
      margin: 10px 0; }

  header {
    /* first level */
    /* second level */ }
    header .contact {
      margin: 20px 0; }
      header .contact a:first-child {
        margin: 0 0 10px 0 !important; }
    header .first-item {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    header .flexbox {
      align-items: center;
      -webkit-align-items: center; }
    header .nav-wrapper {
      width: 100%; }
    header #navbar .flexbox {
      flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      justify-content: space-around;
      -webkit-justify-content: space-around; }
    header #nav {
      position: relative; }
    header #nav:not(:target) > a:first-of-type,
    header #nav:target > a:last-of-type {
      display: block; }
    header .menu-thin #nav li:hover ul {
      padding: 0; }
    header #nav > ul {
      height: auto;
      display: none;
      position: absolute;
      left: 0;
      right: 0; }
    header #nav:target > ul {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0; }
    header #nav > ul > li {
      width: 100%;
      float: none;
      text-align: center; }
    header #nav > ul > li a, header #nav > ul > li > ul > li > a, header #nav li ul li ul li > a {
      width: 100%;
      padding: 30px 0;
      border-bottom: 1px solid #333333;
      display: block;
      margin: 0; }
    header #nav li:hover > ul {
      padding: 0; }
    header #nav li ul {
      position: static; }
    header #nav li ul li a {
      padding: 30px 0; }
    header #nav li ul li > ul {
      width: 100%;
      position: relative; }
    header #nav li ul li:hover > ul {
      margin-left: 0;
      margin-top: 0; }
    header #nav > ul > li:last-child > a {
      padding: 30px 0;
      border-bottom: 0; }
    header #nav li ul li > a:after {
      content: '\f107';
      right: 145px;
      margin-top: 30px; }
    header #nav > ul > li > a:after {
      right: 145px;
      margin-top: 30px; }

  .home-wrapper .about-section {
    align-items: center;
    -webkit-align-items: center; }
    .home-wrapper .about-section .flexone {
      display: none; }
  .home-wrapper h1 {
    width: 88%;
    font-size: 39pt; }
  .home-wrapper .hero-image {
    height: 291px; }
  .home-wrapper .threebox > .flexone:nth-child(2) {
    margin: 30px 0; }
  .home-wrapper .sme-wrapper .image-right .flexone {
    display: none; }

  .about-wrapper article:last-child {
    align-items: center;
    -webkit-align-items: center; }
    .about-wrapper article:last-child a:first-child {
      margin-bottom: 80px; }
  .about-wrapper .about-flex {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; }

  .information-wrapper .image-left, .information-wrapper .image-right {
    align-items: center;
    -webkit-align-items: center; }
  .information-wrapper .image-left .flexone {
    order: 1;
    -webkit-order: 1; }
  .information-wrapper .image-left img {
    margin-top: 20px; }
  .information-wrapper .image-right img {
    height: 190px;
    margin-top: 20px; }

  .mission-wrapper article:nth-child(2), .mission-wrapper article:last-child {
    padding: 0 10px; }
  .mission-wrapper .flexone {
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 5px; }
    .mission-wrapper .flexone :last-child {
      margin-bottom: 0; }

  .projects-wrapper .flexone {
    margin-bottom: 60px;
    width: 100%;
    padding-bottom: 5px; }
    .projects-wrapper .flexone :last-child {
      margin-bottom: 0; }
    .projects-wrapper .flexone h2 {
      padding: 20px 0; }
    .projects-wrapper .flexone h3 {
      text-align: center; }
    .projects-wrapper .flexone img {
      width: 70%; }

  .pursuit-wrapper .image-right img {
    width: 90%;
    margin-top: 20px; }
  .pursuit-wrapper .image-right .flexone {
    text-align: center; }
  .pursuit-wrapper .approaches-wrapper .flexone {
    width: 100%; }
  .pursuit-wrapper .approaches-wrapper .flexone:last-child {
    margin-top: 50px; }

  .selfserve-wrapper .hero-image .content {
    background: url("../Images/services/squirrelselfserveherocontentmob.png") no-repeat;
    background-size: 50%;
    background-position: center center;
    width: 100%; }
  .selfserve-wrapper .image-right .flexone {
    display: none; }
  .selfserve-wrapper .features {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; }

  .services-wrapper article:last-child {
    align-items: center;
    -webkit-align-items: center; }
    .services-wrapper article:last-child a {
      margin-bottom: 80px; }
      .services-wrapper article:last-child a :last-child {
        margin-bottom: 0; }

  .structured-wrapper article:nth-child(2), .structured-wrapper article:last-child {
    padding: 0 10px; }
  .structured-wrapper .image-left img, .structured-wrapper .image-right img {
    margin-top: 30px; }
  .structured-wrapper .image-left .flexone {
    order: 1;
    -webkit-flex-order: 1; }
  .structured-wrapper .image-right img {
    width: 200px; }

  #UserContactForm .flexbox {
    align-items: center;
    -webkit-align-items: center; }
  #UserContactForm .flexone {
    width: 100%;
    flex: none;
    -webkit-flex: none; }
  #UserContactForm .flexone:nth-child(2) {
    margin: 0;
    padding: 0; }
  #UserContactForm label {
    margin-bottom: 10px;
    width: 100%;
    text-align: center; }
  #UserContactForm input, #UserContactForm textarea {
    width: 92%;
    padding: 10px; }
  #UserContactForm input[type=submit] {
    padding: 20px 40px;
    width: 100%;
    font-size: 20pt; } }
/* iPhone Landscape */
/* iPhone Portrait*/

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