.site-title {
    font-size: 32px;
  }

  .site-description {
    font-size: 16px;
  }

  #mainnav ul li a {
    font-size: 16px;
  }

  h1 {
    font-size: 52px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  body {
    font-size: 14px;
  }

  .header-image {
    background-size: cover;
  }

  .header-image {
    height: 300px;
  }

  .widget-area .widget_fp_social a,
  #mainnav ul li a:hover,
  .sydney_contact_info_widget span,
  .roll-team .team-content .name,
  .roll-team .team-item .team-pop .team-social li:hover a,
  .roll-infomation li.address:before,
  .roll-infomation li.phone:before,
  .roll-infomation li.email:before,
  .roll-testimonials .name,
  .roll-button.border,
  .roll-button:hover,
  .roll-icon-list .icon i,
  .roll-icon-list .content h3 a:hover,
  .roll-icon-box.white .content h3 a,
  .roll-icon-box .icon i,
  .roll-icon-box .content h3 a:hover,
  .switcher-container .switcher-icon a:focus,
  .go-top:hover,
  .hentry .meta-post a:hover,
  #mainnav>ul>li>a.active,
  #mainnav>ul>li>a:hover,
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  .text-color,
  .social-menu-widget a,
  .social-menu-widget a:hover,
  .archive .team-social li a,
  a,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: #767676
  }

  .project-filter li a.active,
  .project-filter li a:hover,
  .preloader .pre-bounce1,
  .preloader .pre-bounce2,
  .roll-team .team-item .team-pop,
  .roll-progress .progress-animate,
  .roll-socials li a:hover,
  .roll-project .project-item .project-pop,
  .roll-project .project-filter li.active,
  .roll-project .project-filter li:hover,
  .roll-button.light:hover,
  .roll-button.border:hover,
  .roll-button,
  .roll-icon-box.white .icon,
  .owl-theme .owl-controls .owl-page.active span,
  .owl-theme .owl-controls.clickable .owl-page:hover span,
  .go-top,
  .bottom .socials li:hover a,
  .sidebar .widget:before,
  .blog-pagination ul li.active,
  .blog-pagination ul li:hover a,
  .content-area .hentry:after,
  .text-slider .maintitle:after,
  .error-wrap #search-submit:hover,
  #mainnav .sub-menu li:hover>a,
  #mainnav ul li ul:after,
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  .panel-grid-cell .widget-title:after {
    background-color: #767676
  }

  .roll-socials li a:hover,
  .roll-socials li a,
  .roll-button.light:hover,
  .roll-button.border,
  .roll-button,
  .roll-icon-list .icon,
  .roll-icon-box .icon,
  .owl-theme .owl-controls .owl-page span,
  .comment .comment-detail,
  .widget-tags .tag-list a:hover,
  .blog-pagination ul li,
  .hentry blockquote,
  .error-wrap #search-submit:hover,
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  .archive .team-social li a {
    border-color: #767676
  }

  .site-header.float-header {
    background-color: rgba(5, 104, 57, 0.9);
  }

  @media only screen and (max-width: 1024px) {
    .site-header {
      background-color: #056839;
    }
  }

  .site-title a,
  .site-title a:hover {
    color: #767676
  }

  .site-description {
    color: #ffffff
  }

  #mainnav ul li a,
  #mainnav ul li::before {
    color: #ffffff
  }

  #mainnav .sub-menu li a {
    color: #ffffff
  }

  #mainnav .sub-menu li a {
    background: #056839
  }

  .text-slider .maintitle,
  .text-slider .subtitle {
    color: #ffffff
  }

  body {
    color: #056839
  }

  #secondary {
    background-color: #ffffff
  }

  #secondary,
  #secondary a,
  #secondary .widget-title {
    color: #767676
  }

  .footer-widgets {
    background-color: #056839
  }

  .site-footer {
    background-color: #056839
  }

  .site-footer,
  .site-footer a {
    color: #ffffff
  }

  .overlay {
    background-color: #000000
  }

  .page-wrap {
    padding-top: 83px;
  }

  .page-wrap {
    padding-bottom: 100px;
  }

  .site-header {
    background-image: url(./cropped-Darlington-Station-Close-up.jpg);
    background-position: -260px -20px;
  }

  .site-logo {
    padding-top: 50px;
    width: 260px;
  }
  .header-wrap {
    height: 250px;
  }

  .side-logo {
    padding-top: 70px;
    width: 200px;
  }

  .title-post {
    padding-bottom: 50px;;
  }