/* Scaffolding */
  html {height: 100%;}
  body {
    position: relative;
    min-height: 100%;
    min-width: 1006px;
    background: #fff;
    font-family: 'PT Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 19px;
    color: #3a3a3a;
  }
  input,
  textarea,
  select,
  button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  textarea {vertical-align: top;}
  .clearfix:before,
  .header:before,
  .footer:before,
  [class|="column"]:before,
  [class|="section"]:before,
  [class*="wrapper"]:before {
    content: " ";
    display: table;
  }
  .clearfix:after,
  .header:after,
  .footer:after,
  [class|="column"]:after,
  [class|="section"]:after,
  [class*="wrapper"]:after {
    content: " ";
    display: table;
    clear: both;
  }
  .clearfix,
  .header,
  .footer,
  [class|="column"],
  [class|="section"],
  [class*="wrapper"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .center-wrapper {
    width: 1006px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 31px;
  }
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  [class|="column"] {
    min-height: 1px;
    float: left;
  }
  .fl-l {float: left !important;}
  .fl-r {float: right !important;}
  .ta-l {text-align: left !important;}
  .ta-c {text-align: center !important;}
  .ta-r {text-align: right !important;}
/* Scaffolding.end */

/* Common styles */
  .heading {
    font-weight: bold;
    font-size: 30px;
  }
  .big-text {
    font-weight: bold;
    font-size: 36px;
  }
  .column-left {
    width: 37.817%;
    text-align: center;
  }
  .column-right {
    width: 62.183%;
    padding-left: 31px;
  }
  .button {
    display: inline-block;
    padding: .4em .8em;
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: #015965;
    font-weight: bold;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    transition: background-color .2s ease-in-out 0s, color .2s ease-in-out 0s;
  }
  .button:hover {
    background-color: #fff;
    color: #015965;
  }
/* Common styles.end */

/* Layout */

  /* Header */
    .header {
      position: relative;
      background-color: #015965;
    }
    .header p {
      color: #fff;
    }
    .header .big-text {
      margin-top: 70px;
    }
    .logo {
      display: inline-block;
      width: 139px;
      height: 116px;
      margin: 140px auto;
      background-image: url("../img/logo.png");
    }
  /* Header.end */

  /* Footer */
    .footer {
      position: absolute;
      width: 100%;
      height: 92px;
      bottom: 0px;
      left: 0;
      background-color: #3a3a3a;
    }
    .footer p {
      margin-top: 37px;
      font-size: 14px;
      color: #fff;
    }
    .footer a {
      color: #a7a7a7;
      text-decoration: underline;
    }
    .footer a:hover {
      text-decoration: none;
    }
  /* Footer.end */

  /* General wrapper */
    .general-wrapper {
      position: relative;
      padding-bottom: 123px;
    }
  /* General wrapper.end */

  /* Content wrapper */
    .content-wrapper {
      position: relative;
      min-height: 1px;
    }
  /* Content wrapper.end */

/* Layout.end */

/* Content */
  .section-description {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .section-description [class|="column"] > p:first-child {
    margin-top: 0;
  }
  .section-description [class|="column"] > p:last-child {
    margin-bottom: 0;
  }
  .screenshoot {
    display: block;
    border: 1px solid #31c3d7;
  }
/* Content.end */