@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Raleway:400,500,600,700");
.container {
  max-width: 84vw;
  margin: 0 auto; }
  @media screen and (min-width: 576px) {
    .container {
      max-width: 520px; } }
  @media screen and (min-width: 768px) {
    .container {
      max-width: 680px; } }
  @media screen and (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media screen and (min-width: 1200px) {
    .container {
      max-width: 990px; } }

html {
  height: 100%; }

body {
  font-family: 'Playfair Display', serif;
  background: #fff;
  margin: 0;
  padding: 0; }
  body.menu-padding {
    padding-top: 50px;
    background: pink; }
  body.noScroll {
    overflow: hidden; }

.hr {
  border-bottom: solid 1px #333;
  height: 1px;
  margin: 30px 0; }

.hr-light {
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  height: 1px;
  margin: 30px 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  text-transform: uppercase; }

.img-fluid {
  max-width: 100%; }

.mob-ctr-left {
  text-align: center; }
  @media screen and (min-width: 576px) {
    .mob-ctr-left {
      text-align: left; } }

.mob-ctr-right {
  text-align: center; }
  @media screen and (min-width: 576px) {
    .mob-ctr-right {
      text-align: right; } }

.mobile-only {
  display: block; }
  @media screen and (min-width: 992px) {
    .mobile-only {
      display: none !important; } }

.content {
  font-size: 0.8rem;
  line-height: 2;
  min-height: 600px;
  padding: 80px 0 100px;
  background: #fff;
  position: relative; }
  @media screen and (min-width: 768px) {
    .content {
      font-size: 1rem;
      line-height: 3;
      padding: 80px 0 350px; } }
  .content .content-top {
    border-top: solid 1px #fff;
    position: absolute;
    top: 0;
    background: #ddd1a1;
    height: 20px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 25%, 0 100%); }
    @media screen and (min-width: 768px) {
      .content .content-top {
        height: 60px; } }
  .content .content-bottom {
    background: #ddd1a1;
    height: 60px;
    position: absolute;
    bottom: 0;
    width: 100%;
    clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%); }
  .content ul {
    margin: 0 0 60px; }

.pg-padding {
  padding: 20px 0 80px; }

.padding-bottom {
  padding-bottom: 80px; }

.center-block {
  float: none; }

.pad-wrap {
  padding: 15px; }

.darken {
  background: #ededed; }

.ImageLeft {
  margin: 0px 14px 10px 0px;
  border: dotted #b7b084 1px;
  float: left; }

.ImageRight {
  margin: 0px 0px 10px 14px;
  border: solid #81836e 8px;
  float: right; }

.blockquote {
  background: transparent url(/images/bg_blockquote.gif) no-repeat scroll 0pt 5px;
  padding-left: 35px;
  padding-top: 10px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  line-height: 17px;
  color: #212945; }

.no-top-margin {
  margin-top: 0; }

.page-head {
  border-bottom: solid 12px #e5e0cd;
  padding: 25px 0 15px;
  margin: 0;
  background-image: linear-gradient(#f2eee0, #e5e0cd); }
  @media screen and (min-width: 768px) {
    .page-head {
      padding: 20px 0; } }
  .page-head h1 {
    color: #676044;
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    letter-spacing: 4px; }
    @media screen and (min-width: 768px) {
      .page-head h1 {
        font-size: 2.9rem; } }
  @media screen and (min-width: 768px) {
    .page-head {
      padding: 50px 0; } }

.page-head-inline {
  color: #5c0025;
  font-size: 2rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  letter-spacing: 4px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: solid 5px #e5e0cd; }
  @media screen and (min-width: 768px) {
    .page-head-inline {
      font-size: 3rem;
      margin-bottom: 70px;
      padding-bottom: 50px;
      border-bottom: solid 8px #e5e0cd; } }

.section-head {
  color: #5c0025;
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  letter-spacing: 4px;
  margin: 40px 0;
  padding-bottom: 20px;
  border-bottom: solid 3px #d7d7d7; }
  @media screen and (min-width: 768px) {
    .section-head {
      font-size: 1.8rem;
      line-height: 1.4; } }

.feat-img {
  height: 270px;
  background: #373533;
  width: 100%; }
  @media screen and (min-width: 576px) {
    .feat-img {
      height: 50px; } }
  @media screen and (min-width: 768px) {
    .feat-img {
      height: 500px; } }

.cta {
  background: #e5e0cd url(../images/interior-cta-BG.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #373533;
  padding: 60px 0 90px;
  font-size: 0.9rem;
  line-height: 2;
  letter-spacing: 1px; }
  @media screen and (min-width: 992px) {
    .cta {
      font-size: 1.5rem;
      line-height: 2;
      padding: 100px 0 200px; } }
  .cta .cta-head {
    margin-top: 0;
    padding: 10px 0;
    color: #5c0025;
    font-size: 1.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 0; }
    @media screen and (min-width: 992px) {
      .cta .cta-head {
        font-size: 2.65rem; } }
  .cta .contact {
    font-family: 'Raleway', sans-serif;
    margin-top: 50px; }
    .cta .contact .fas {
      color: #800033;
      margin-right: 15px; }
    .cta .contact .phone,
    .cta .contact .email {
      color: #5c0025;
      font-size: 1.2rem;
      font-weight: 700;
      letter-spacing: 1px; }
      @media screen and (min-width: 992px) {
        .cta .contact .phone,
        .cta .contact .email {
          font-size: 1.5rem;
          display: inline-block;
          margin-right: 50px; } }
      .cta .contact .phone a,
      .cta .contact .email a {
        color: #5c0025;
        text-decoration: none; }
        .cta .contact .phone a:hover,
        .cta .contact .email a:hover {
          text-decoration: underline; }

.window {
  display: none; }
  @media screen and (min-width: 992px) {
    .window {
      display: block;
      background: transparent;
      height: 84vh;
      width: 100%; } }

figure {
  padding: 15px;
  margin: 50px 0;
  border: 4px #e5e0cd solid;
  position: relative; }
  figure figcaption {
    background-color: #5c0025;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    margin: 0;
    padding: 15px 14px;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Raleway', sans-serif; }

.flex-row {
  display: flex;
  flex-direction: row; }
  .flex-row .sidebar {
    display: none; }
    @media screen and (min-width: 992px) {
      .flex-row .sidebar {
        display: block;
        min-width: 20%;
        max-width: 20%;
        margin-right: 90px; } }
  .flex-row .main {
    flex-grow: 1; }

.top-header {
  padding: 10px 0 0;
  color: #fff;
  font-size: 11px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  background: #5c0025;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: none;
  text-align: right; }
  @media screen and (min-width: 768px) {
    .top-header {
      display: block;
      height: 25px; } }
  .top-header span {
    color: #8f003a;
    margin: 0 10px; }
  .top-header a {
    color: #fff;
    text-decoration: none; }
    .top-header a:hover {
      text-decoration: underline; }
  .top-header .fas {
    color: #f8f4d9;
    margin-right: 10px; }

.main-header {
  position: relative; }
  .main-header .nav-toggle {
    color: #fff;
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 210;
    cursor: pointer; }
    @media screen and (min-width: 992px) {
      .main-header .nav-toggle {
        display: none; } }
    .main-header .nav-toggle:before {
      color: #5c0025;
      font-size: 20px;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: '\f0c9'; }
    .main-header .nav-toggle.nav-is-visible:before {
      font-family: 'Font Awesome 5 Free';
      content: '\f00d'; }
  .main-header .head-wrapper {
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff;
    border-bottom: solid 4px #e5e0cd; }
    @media screen and (min-width: 992px) {
      .main-header .head-wrapper {
        height: 110px;
        background: #fff;
        position: relative;
        border-width: 10px; }
        .main-header .head-wrapper.fixed {
          height: 50px;
          position: fixed;
          border-width: 4px; }
        #page_home .main-header .head-wrapper {
          height: 150px; }
          #page_home .main-header .head-wrapper.fixed {
            height: 50px;
            position: fixed;
            border-width: 4px; } }
    @media screen and (min-width: 992px) {
      .main-header .head-wrapper .head-container {
        margin: 0 auto;
        position: relative;
        max-width: 720px; } }
    @media screen and (min-width: 992px) {
      .main-header .head-wrapper .head-container {
        max-width: 960px; } }
    @media screen and (min-width: 1200px) {
      .main-header .head-wrapper .head-container {
        max-width: 990px; } }
    .main-header .head-wrapper .head-container a.logo-wrapper {
      position: absolute;
      top: 0;
      left: 20px;
      z-index: 90;
      width: 240px;
      height: 40px; }
      .main-header .head-wrapper .head-container a.logo-wrapper .mobile {
        height: 25px; }
      .main-header .head-wrapper .head-container a.logo-wrapper .desktop {
        display: none; }
      @media screen and (min-width: 992px) {
        .main-header .head-wrapper .head-container a.logo-wrapper {
          top: 10px;
          width: 300px;
          height: 72px; }
          .main-header .head-wrapper .head-container a.logo-wrapper.fixed {
            top: 0;
            height: 50px; }
          #page_home .main-header .head-wrapper .head-container a.logo-wrapper {
            top: 20px;
            width: 400px;
            height: 120px; }
            #page_home .main-header .head-wrapper .head-container a.logo-wrapper.fixed {
              top: 0;
              height: 50px; }
          .main-header .head-wrapper .head-container a.logo-wrapper .mobile {
            display: none; }
          .main-header .head-wrapper .head-container a.logo-wrapper .desktop {
            display: block; } }
      .main-header .head-wrapper .head-container a.logo-wrapper img {
        margin-top: 8px;
        max-width: 40px; }
        @media screen and (min-width: 992px) {
          .main-header .head-wrapper .head-container a.logo-wrapper img {
            max-width: 340px; }
            .main-header .head-wrapper .head-container a.logo-wrapper img.fixed {
              max-width: 140px; } }
        @media screen and (min-width: 1200px) {
          .main-header .head-wrapper .head-container a.logo-wrapper img {
            max-width: 380px; } }
    .main-header .head-wrapper .main-nav {
      position: absolute;
      width: 100%;
      top: 44px;
      z-index: 200;
      background: #5c0025;
      display: none;
      max-height: 0;
      transition: height 2s ease-in; }
      .main-header .head-wrapper .main-nav.active {
        display: block;
        max-height: 500px;
        box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.8); }
      @media screen and (min-width: 992px) {
        .main-header .head-wrapper .main-nav {
          display: block;
          max-height: none;
          height: auto;
          width: auto;
          top: 30px;
          right: 0;
          background-color: transparent; }
          .main-header .head-wrapper .main-nav.fixed {
            top: 5px; }
          #page_home .main-header .head-wrapper .main-nav {
            top: 50px; }
            #page_home .main-header .head-wrapper .main-nav.fixed {
              top: 5px; } }
      .main-header .head-wrapper .main-nav ul {
        margin: 0 0 40px;
        padding: 12px 0 12px; }
        @media screen and (min-width: 992px) {
          .main-header .head-wrapper .main-nav ul {
            padding: 0; } }
        .main-header .head-wrapper .main-nav ul li {
          list-style: none;
          display: inline; }
          .main-header .head-wrapper .main-nav ul li a {
            color: #fff;
            display: block;
            padding: 15px 25px;
            font-family: 'Raleway', sans-serif;
            font-size: 1rem;
            font-weight: 800;
            letter-spacing: 2px;
            text-decoration: none;
            transition: all 1s;
            text-transform: uppercase; }
            .main-header .head-wrapper .main-nav ul li a:hover {
              color: #5c0025; }
            @media screen and (min-width: 992px) {
              .main-header .head-wrapper .main-nav ul li a {
                color: #8c762e;
                display: inline-block;
                font-size: 1.2rem;
                padding: 10px 15px; } }
            @media screen and (min-width: 1200px) {
              .main-header .head-wrapper .main-nav ul li a {
                font-size: 1.2rem;
                padding: 10px 20px; } }
          .main-header .head-wrapper .main-nav ul li:last-child a {
            padding-right: 0; }
      .main-header .head-wrapper .main-nav .mobile-info {
        background: #570023;
        border-top: solid 1px #f8f4d9;
        color: #fff;
        display: block;
        font-size: 11px;
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
        letter-spacing: 1px;
        padding: 20px 0;
        text-align: center;
        text-transform: uppercase; }
        @media screen and (min-width: 992px) {
          .main-header .head-wrapper .main-nav .mobile-info {
            display: none; } }
        .main-header .head-wrapper .main-nav .mobile-info .item {
          display: block;
          padding: 6px 0; }
          @media screen and (min-width: 576px) {
            .main-header .head-wrapper .main-nav .mobile-info .item {
              display: inline-block;
              padding: 0 8px; } }
        .main-header .head-wrapper .main-nav .mobile-info span {
          color: #8f003a;
          margin: 0 10px; }
        .main-header .head-wrapper .main-nav .mobile-info a {
          color: #fff;
          text-decoration: none; }
          .main-header .head-wrapper .main-nav .mobile-info a:hover {
            text-decoration: underline; }
        .main-header .head-wrapper .main-nav .mobile-info .fas {
          color: #f8f4d9;
          margin-right: 10px; }

#page_home .home_active,
#page_history .history_active,
#page_services .services_active,
#page_clients .clients_active,
#page_contact .contact_active {
  background: rgba(0, 0, 0, 0.3); }
  @media screen and (min-width: 992px) {
    #page_home .home_active,
    #page_history .history_active,
    #page_services .services_active,
    #page_clients .clients_active,
    #page_contact .contact_active {
      background: transparent;
      color: #5c0025; } }

footer.main-footer {
  padding-top: 18px;
  min-height: 300px;
  clear: both;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  background: #4a001e;
  border-top: solid 1px #fff; }
  footer.main-footer a {
    color: #fff;
    text-decoration: none; }
    footer.main-footer a:hover {
      text-decoration: underline; }
  footer.main-footer .footer-content {
    border-top: solid 4px #8f003a;
    border-bottom: solid 4px #8f003a;
    background: #520021 url(../images/footer_BG.jpg);
    font-family: 'Raleway', sans-serif;
    background-size: cover;
    padding: 50px 0; }
    @media screen and (min-width: 992px) {
      footer.main-footer .footer-content {
        padding: 50px 0 180px; } }
    footer.main-footer .footer-content .container {
      text-align: center; }
      @media screen and (min-width: 992px) {
        footer.main-footer .footer-content .container {
          display: flex;
          text-align: left; } }
      footer.main-footer .footer-content .container .logo {
        max-width: 360px;
        margin-bottom: 30px; }
        @media screen and (min-width: 992px) {
          footer.main-footer .footer-content .container .logo {
            margin-bottom: 0;
            max-width: 360px; } }
      footer.main-footer .footer-content .container .contact-info-wrapper {
        flex-grow: 1;
        display: flex;
        align-items: flex-start; }
        footer.main-footer .footer-content .container .contact-info-wrapper .info {
          width: 100%; }
          @media screen and (min-width: 992px) {
            footer.main-footer .footer-content .container .contact-info-wrapper .info {
              width: auto;
              margin-left: auto; } }
          footer.main-footer .footer-content .container .contact-info-wrapper .info .ficon {
            text-transform: uppercase;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 2px; }
            @media screen and (min-width: 992px) {
              footer.main-footer .footer-content .container .contact-info-wrapper .info .ficon {
                display: flex;
                flex-direction: row;
                align-items: top; } }
            footer.main-footer .footer-content .container .contact-info-wrapper .info .ficon .fas {
              color: #f8f4d9;
              margin-right: 15px;
              line-height: 1.5;
              display: none; }
              @media screen and (min-width: 992px) {
                footer.main-footer .footer-content .container .contact-info-wrapper .info .ficon .fas {
                  display: block; } }
  footer.main-footer .footer-bottom .copyright {
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    padding: 25px; }
    @media screen and (min-width: 992px) {
      footer.main-footer .footer-bottom .copyright {
        text-align: right; } }

body#page_home .content {
  padding: 0 0 0px; }
  body#page_home .content .section-head {
    color: #5c0025;
    font-size: 2.65rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 10px; }

#hp-hero {
  background: #000; }
  @media screen and (min-width: 992px) {
    #hp-hero {
      width: 100%; } }
  #hp-hero .hero .slide {
    display: block;
    height: 40vh; }
    #hp-hero .hero .slide.one {
      background: url("../images/hp_houston_skyline.jpg") no-repeat center center;
      background-size: cover; }
    #hp-hero .hero .slide.two {
      background: url("../images/hp_charts.jpg") no-repeat center center;
      background-size: cover; }
    #hp-hero .hero .slide.three {
      background: url("../images/jerseys-1_bg.jpg") no-repeat center center;
      background-size: cover; }
    #hp-hero .hero .slide.four {
      background: url("../images/office_exterior2.jpg") no-repeat center center;
      background-size: cover; }

#intro {
  background: #5c0025;
  padding: 60px 25px 50px;
  border-top: solid 10px #e5e0cd; }
  @media screen and (min-width: 768px) {
    #intro {
      padding: 60px 0 50px; } }
  #intro .container {
    max-width: 800px; }
  #intro .tagline {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding: 0;
    text-transform: none; }
    @media screen and (min-width: 768px) {
      #intro .tagline {
        font-size: 1.8rem;
        line-height: 1.6; } }

.arrow {
  position: absolute;
  top: 0;
  background: #5c0025;
  height: 100px;
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw)); }

#quick-links {
  background-image: linear-gradient(#8f003a, #5c0025);
  padding: 100px 0;
  position: relative;
  text-align: center;
  /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */ }
  #quick-links .flip-card {
    background-color: transparent;
    margin: 10px 10px 30px;
    display: block;
    /* This container is needed to position the front and back side */
    /* Do an horizontal flip when you move the mouse over the flip box container */ }
    @media screen and (min-width: 768px) {
      #quick-links .flip-card {
        margin: 10px;
        display: inline-block;
        width: 400px;
        height: 300px;
        perspective: 1000px;
        /* Remove this if you don't want the 3D effect */ } }
    #quick-links .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.8s ease-in-out;
      transform-style: preserve-3d;
      display: block;
      /* Position the front and back side */
      /* Style the front side (fallback if image is missing) */
      /* Style the back side */ }
      @media screen and (min-width: 768px) {
        #quick-links .flip-card .flip-card-inner .flip-card-front,
        #quick-links .flip-card .flip-card-inner .flip-card-back {
          position: absolute;
          width: 100%;
          height: 100%;
          backface-visibility: hidden; } }
      #quick-links .flip-card .flip-card-inner .flip-card-front .contents,
      #quick-links .flip-card .flip-card-inner .flip-card-back .contents {
        padding: 40px 20px; }
        @media screen and (min-width: 768px) {
          #quick-links .flip-card .flip-card-inner .flip-card-front .contents,
          #quick-links .flip-card .flip-card-inner .flip-card-back .contents {
            padding: 45px; } }
      #quick-links .flip-card .flip-card-inner .flip-card-front .text,
      #quick-links .flip-card .flip-card-inner .flip-card-back .text {
        font-size: 1.2rem;
        line-height: 2;
        color: rgba(255, 255, 255, 0.8); }
        @media screen and (min-width: 768px) {
          #quick-links .flip-card .flip-card-inner .flip-card-front .text,
          #quick-links .flip-card .flip-card-inner .flip-card-back .text {
            font-size: 1.1rem; } }
      #quick-links .flip-card .flip-card-inner .flip-card-front {
        background-color: #5c0025;
        color: #fff;
        border: 1px solid #f1f1f1; }
        #quick-links .flip-card .flip-card-inner .flip-card-front .title {
          font-size: 1.4rem;
          margin: 0 0 10px;
          letter-spacing: 2px; }
      #quick-links .flip-card .flip-card-inner .flip-card-back {
        display: none; }
        @media screen and (min-width: 768px) {
          #quick-links .flip-card .flip-card-inner .flip-card-back {
            display: block;
            color: white;
            transform: rotateY(180deg); }
            #quick-links .flip-card .flip-card-inner .flip-card-back.firm {
              background: #3d0019 url("../images/tamu.jpeg") no-repeat center center;
              background-size: cover; }
            #quick-links .flip-card .flip-card-inner .flip-card-back.focus {
              background: #3d0019 url("../images/hp_charts.jpg") no-repeat center center;
              background-size: cover; }
            #quick-links .flip-card .flip-card-inner .flip-card-back.clients {
              background: #3d0019 url("../images/paymaster.jpeg") no-repeat center center;
              background-size: cover; }
            #quick-links .flip-card .flip-card-inner .flip-card-back.contact {
              background: #3d0019 url("../images/jerseys-1_bg.jpg") no-repeat center center;
              background-size: cover; } }
    #quick-links .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg); }

#testimonials {
  position: relative;
  padding: 100px 0; }
  #testimonials .flex-row {
    display: block; }
    @media screen and (min-width: 768px) {
      #testimonials .flex-row {
        display: flex;
        flex-direction: row; } }
    #testimonials .flex-row .box {
      margin-bottom: 30px;
      border: solid 1px #efefef;
      padding: 20px; }
      @media screen and (min-width: 768px) {
        #testimonials .flex-row .box {
          margin-bottom: none;
          flex: 1 1 0;
          border: none;
          padding: 30px;
          font-size: 0.8rem;
          line-height: 2; }
          #testimonials .flex-row .box h4 {
            font-size: 1.2rem; } }

#page_history {
  background: url("../images/tamu.jpeg");
  background-attachment: fixed;
  background-position: top 40px center;
  background-size: contain; }
  @media screen and (min-width: 576px) {
    #page_history {
      background-size: cover;
      background-position: center center; } }
  #page_history .feat-img {
    background: transparent; }
  #page_history .collage-img {
    margin: 0;
    padding: 0; }
    #page_history .collage-img img {
      margin: 0;
      padding: 0; }
  #page_history .content {
    background: #fff url("../images/history_bg.png") no-repeat;
    background-position: left top;
    background-color: #fff;
    background-attachment: fixed; }
  #page_history .flag {
    margin-top: 280px; }
  #page_history .venesa.mobile-only,
  #page_history .flag-inline.mobile-only {
    float: right;
    max-width: 100px;
    margin: 0 0 15px 15px; }
    #page_history .venesa.mobile-only figcaption,
    #page_history .flag-inline.mobile-only figcaption {
      display: none; }

#page_services {
  background: url("../images/graphs_bg.jpg");
  background-attachment: fixed;
  background-position: top 40px center;
  background-size: contain; }
  @media screen and (min-width: 992px) {
    #page_services {
      background-size: cover;
      background-position: center center; } }
  #page_services .feat-img {
    background: transparent; }
  #page_services .flex-row {
    display: flex;
    flex-direction: row; }
    #page_services .flex-row .sidebar {
      min-width: 10%;
      max-width: 10%;
      margin-right: 0; }
  #page_services section {
    margin-bottom: 140px; }

#page_contact {
  background: url("../images/jerseys-1_bg.jpg");
  background-attachment: fixed;
  background-position: top 40px center;
  background-size: contain; }
  @media screen and (min-width: 992px) {
    #page_contact {
      background-size: cover;
      background-position: center center; } }
  #page_contact .feat-img {
    background: transparent; }
  #page_contact .flex-row {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 992px) {
      #page_contact .flex-row {
        flex-direction: row; } }
    #page_contact .flex-row .sidebar {
      display: none; }
      @media screen and (min-width: 992px) {
        #page_contact .flex-row .sidebar {
          display: block;
          min-width: 20%;
          max-width: 20%;
          margin-right: 0; } }
    #page_contact .flex-row .main {
      flex-grow: 1; }

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.contact-info {
  font-size: 0.9rem;
  font-family: 'Raleway', sans-serif;
  line-height: 2.4;
  text-transform: uppercase;
  margin-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .contact-info {
      font-size: 1.2rem; } }
  .contact-info strong {
    font-size: 1rem;
    letter-spacing: 4px;
    line-height: 1.1; }
    @media screen and (min-width: 768px) {
      .contact-info strong {
        font-size: 1.3rem; } }

#page_clients {
  background: url("../images/paymaster.jpeg");
  background-attachment: fixed;
  background-position: top 40px center;
  background-size: contain; }
  @media screen and (min-width: 576px) {
    #page_clients {
      background-size: cover;
      background-position: center center; } }
  #page_clients .feat-img {
    background: transparent; }
  #page_clients .flex-row .sidebar {
    min-width: 10%;
    max-width: 10%;
    margin-right: 0; }
  #page_clients section {
    margin-bottom: 140px; }
  #page_clients .card {
    margin: 0 0 60px;
    padding: 10px 10px 10px 30px;
    position: relative; }
    @media screen and (min-width: 768px) {
      #page_clients .card {
        border: solid 1px #f0f0f0;
        padding: 90px 90px 90px 90px;
        margin: 0 0 60px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); } }
    #page_clients .card:before {
      content: '';
      position: absolute;
      top: 20px;
      bottom: 5px;
      left: 0;
      font-size: 30rem;
      background: #f6f6f6;
      width: 5px; }
      @media screen and (min-width: 768px) {
        #page_clients .card:before {
          top: 110px;
          bottom: 80px;
          left: 50px;
          background: transparent; } }
    #page_clients .card .client {
      font-family: 'Raleway', sans-serif;
      font-weight: 800;
      font-size: 1rem;
      line-height: 1;
      color: #5c0025;
      letter-spacing: 4px;
      text-transform: uppercase;
      margin-top: 40px; }
      @media screen and (min-width: 768px) {
        #page_clients .card .client {
          font-size: 1.35rem;
          margin-top: 90px; } }
  #page_clients ul.industries {
    margin: 0 0 80px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      #page_clients ul.industries {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px; } }
    #page_clients ul.industries li {
      font-size: 0.9rem;
      font-family: 'Raleway', sans-serif;
      font-weight: 800;
      line-height: 2.4;
      text-transform: uppercase;
      list-style: inside;
      padding: 3px 10px; }
      @media screen and (min-width: 768px) {
        #page_clients ul.industries li {
          padding: 0 20px; } }
      @media screen and (min-width: 992px) {
        #page_clients ul.industries li {
          font-size: 1.2rem; } }

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