.page-scroll, .page-scroll:hover, .page-scroll:focus {
      color: white;
      text-decoration: none;
    }

    #language-switch {
      position: absolute;
      z-index: 3;
      width: 100%;
      right: 20px;
      top: 0;
    }

    #language-switch .btn {
      float: right;
      background-color: transparent;
      border: none;
      background-image: none;
      margin: 0px;
    }

    #language-switch a, #language-switch a:hover, #language-switch a:focus {
      color: white;
      text-decoration: none;
    }

    a, a:hover, a:focus {
      color: white;
    }

    .flexible {
      display: flex;
      max-width: 100%;
    }

    .row.flexible {
      max-width: initial !important;
    }

    .row>[class^='col-'] {
      padding: 0px;
    }

    .plate {
      background-color: rgb(0, 68, 158);
      color: white;
    }

    .col-lg-6.plate {
      min-height: 600px;
    }

    .centered {
      justify-content: center;
      align-items: center;
    }

    .people-card-content {
      padding: 30px;
      max-width: 650px;
      min-width: 1px; /* IE11 goodness */
    }

    .img-responsive {
      max-width: 100%;
      height: auto;
    }

    .close-button {
      color: white;
      position: absolute;
      top: 25px;
      right: 25px;
      opacity: 0.9;
      z-index: 2;
    }

    #my-modal .col-md-6, #privacy-statement .col-md-6 {
      padding: 15px;
    }

    #my-modal h1, #my-modal h2, #my-modal h3, #privacy-statement h1, #privacy-statement h2, #privacy-statement h3 {
      color: rgb(0, 68, 158);
    }

    #privacy-statement h2 {
        text-align: center;
    }

    #privacy-statement h3 {
        margin-top: 25px;
    }

    #privacy-statement .col > ol > li {
        font-size: 24px;
        color: rgb(0, 68, 158);
    }

    #privacy-statement .col ol li ol, #privacy-statement .col ol li p {
        font-size: 14px;
        color: #333;
    }

    #privacy-statement a {
        color: #3371b7;
    }

    #google-map {
      height: 490px;
    }

    #map-canvas {
      width: 100%;
      height: 100%;
    }
    /* START Navbar */

    #navbar-wrapper {
      min-height: 50px;
    }

    #navbar-logo {
      width: 50px;
      height: 38px;
    }

    .navbar {
      margin: 0px;
    }

    .fixed.navbar {
      top: 0;
      position: fixed;
      right: 0;
      left: 0;
      z-index: 1030;
      transition: top 0.2s ease-in-out;
    }

    .fixed.nav-up {
      display: none;
    }
    /* END Navbar */
    /*Media queries*/
    /*Mobile Devices (Smartphones) */

    @media (max-width: 760px) {
      #logo {
        max-width: 300px;
        height: 199px;
      }
      .outer-textarea {
        font-size: 18px;
        padding-top: 45px;
      }
      .textarea {
        font-size: 18px;
        padding-top: 20px;
      }
      .col-lg-6.plate {
        min-height: 150px;
      }
      .plate h1 {
        opacity: 0.7;
        font-size: 50px;
        top: 20px;
        left: 20px;
        z-index: 0;
        color: rgb(142, 180, 227);
        position: absolute;
      }
      .plate h2 {
        font-size: 30px;
        top: 10px;
        left: 0px;
        z-index: 1;
        font-weight: bold;
        position: relative;
      }
      #quote-content {
        font-size: 50px;
        font-family: 'Playfair Display', sans-serif;
      }
      #google-map {
        height: 560px;
      }
      .flexible {
        display: block;
      }
      .content {
        padding: 50px 50px 25px 50px;
      }
    }
    /* Small devices (tablets, 768px and up) */

    @media (min-width: 768px) {
      .outer-textarea {
        font-size: 18px;
        padding-top: 45px;
      }
      .col-lg-6.plate {
        min-height: 150px;
      }
      .textarea {
        font-size: 18px;
        padding-top: 20px;
      }
      .plate h1 {
        opacity: 0.7;
        font-size: 60px;
        top: 20px;
        left: 20px;
        z-index: 0;
        color: rgb(142, 180, 227);
        position: absolute;
      }
      .plate h2 {
        font-size: 35px;
        top: 25px;
        left: 20px;
        z-index: 1;
        font-weight: bold;
        position: relative;
      }
      #quote-content {
        font-size: 80px;
        font-family: 'Playfair Display', sans-serif;
      }
      #google-map {
        height: 630px;
      }
      .row.flexible {
        display: block;
      }
      .content {
        padding: 50px 50px 25px 50px;
      }
      .card-content h2 {
        font-size: 35px;
        color: white;
      }
      .card-content {
        height: 200px;
      }
    }
    /* Medium devices (desktops, 992px and up) */

    @media (min-width: 992px) {
      #logo {
        width: 500px;
        height: 332px;
      }
      .outer-textarea {
        font-size: 18px;
        padding-top: 80px;
      }
      .plate h1 {
        font-size: 70px;
      }
      .plate h2 {
        top: 35px;
      }
      .row.flexible {
        display: flex;
      }
      .content {
        padding: 50px 15px 25px 15px;
      }
      .card-content h2 {
        font-size: 50px;
      }
      .card-content {
        height: 240px;
      }
    }
    /* Large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {

      .outer-textarea {
        padding-top: 55px;
      }
      .textarea {
        padding-top: 45px;
      }
      .plate h1 {
        font-size: 75px;
      }
      .plate h2 {
        top: 22px;
      }
      #quote-content {
        font-size: 100px;
      }
      .content {
        padding: 50px 50px 25px 50px;
      }
    }
    /* START Color Classes */

    .blue {
      color: rgb(0, 68, 158);
    }

    .marine {
      color: rgb(100, 169, 186);
    }

    .beige {
      color: rgb(189, 172, 102);
    }
    /* END Color Classes */

    #philosophy h2 {
      color: rgb(189, 172, 102);
      font-style: italic;
      padding-top: 15px;
    }

    #sites .row {
      padding: 25px 0px 25px 0px;
    }

    #reference-cards .col-md-4 {
      padding: 10px !important;
    }

    #career img {
      max-width: 100%;
      height: auto;
    }

    #Test {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }
    /* START Performance Cards */

    .performance-card {
      cursor: pointer;
      animation-name: floating;
      animation-duration: 5s;
      animation-iteration-count: infinite;
    }

    .performance-card:hover {
      -webkit-transform: scale(0.98, 0.95);
      -moz-transform: scale(0.98, 0.95);
      -ms-transform: scale(0.98, 0.95);
      -o-transform: scale(0.98, 0.95);
      transform: scale(0.98, 0.95);
      transition: transform .25s;
    }

    @keyframes floating {
      50% {
        transition: box-shadow .75s;
        border-radius: 2px;
        -webkit-box-shadow: 3px 4px 25px 1px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 3px 4px 25px 1px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 3px 4px 25px 1px rgba(0, 0, 0, 0.5);
        box-shadow: 3px 4px 25px 1px rgba(0, 0, 0, 0.5);

      }
    }

    #performance-tiles {
      padding-bottom: 20px;
    }

    .card-content {
      flex-direction: column;
      justify-content: center;
      cursor: pointer;
    }

    .card-content h2 {
      color: white;
    }

    .card-content span, .card-content span:hover, .card-content span:focus {
      font-size: 50px;
      padding: 10px;
      color: white;
      text-decoration: none;
    }

    .performance-block {
      display: none;
    }

    .beige-bg {
      background-color: rgb(189, 172, 102);
    }

    .blue-bg {
      background-color: rgb(0, 68, 158);
    }

    .light-blue-bg {
      background-color: rgb(142, 180, 227);
    }

    .marine-bg {
      background-color: rgb(100, 169, 186);
    }

    .green-blue-bg {
      background: linear-gradient(to right, green, rgb(59, 123, 193));
    }

    .beige-bg h1 {
      color: rgb(216, 196, 117);
    }

    .light-blue-bg h1 {
      color: rgb(160, 203, 255);
    }

    .marine-bg h1 {
      color: rgb(117, 198, 216);
    }

    .green-blue-bg h1 {
      color: rgb(117, 216, 147);
    }

    #contracting-tile {
      background-color: rgb(189, 172, 102);
    }

    #consulting-tile {
      background-color: rgb(142, 180, 227);
    }

    #recruiting-tile {
      background-color: rgb(100, 169, 186);
    }

    #refurbished-tile {
      background: linear-gradient(to right, green, rgb(59, 123, 193));
      overflow: hidden;
      position: relative;
    }

    #refurbished-tile .content img {
      position: absolute;  /* take it out of normal flow */
      bottom: 0px;         /* distance from bottom */
      right: 0px;          /* distance from right */
      width: 60px;         /* adjust size as needed */
      height: auto;        /* maintain aspect ratio */
      pointer-events: none; /* allow clicks on card elements */
      z-index: 10;         /* make sure it sits above the background but below content if needed */
    }

    #net-tile {
      background-color: rgb(0, 68, 158);
    }
    /* END Performance Cards */
    /* START Contact Cards */

    .contact-card {
      padding: 30px !important;
      flex-direction: column;
      justify-content: space-between;
    }

    .contact-card h1 {
      font-size: 26px;
    }

    /*.contact-card img {*/
      /*max-height: 350px;*/
    /*}*/

    .contact-card-img {
      padding: 15px;
      align-self: center;
      max-width: 100%; /* Thanks IE11 */
      height: 100%;
    }

    .contact-data p {
      font-size: 18px;
      margin: 0px;
    }
    /* END Contact Cards */
    /* START References Block */

    #reference-cards img {
      display: inline;
      max-height: 150px;
    }
    /* END References Block */
    /* START Career Block */

    #career img {
      display: inline;
    }

    #career .content .col-md-4 {
      padding: 10px;
    }

    .job-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .an-arrow-1 a, .an-arrow-1 a:hover {
      color: rgb(0, 68, 158);
      font-size: 60px;
      padding: 15px;
      text-decoration: none;
    }

    .an-arrow-2 a, .an-arrow-2 a:hover {
      color: rgb(100, 169, 186);
      font-size: 60px;
      padding: 15px;
      text-decoration: none;
    }

    .an-arrow-3 a, .an-arrow-3 a:hover {
      color: rgb(189, 172, 102);
      font-size: 60px;
      padding: 15px;
      text-decoration: none;
    }
    /* END Career Block */

    #map .location-card {
      font-size: 18px;
      padding: 10px;
    }


    .textarea .fa-globe{
      padding-right: 10px;
    }

    .outer-textarea{
      position: relaive;
    }

    .outer-textarea .img-responsive {
      position: absolute;
      bottom: 22%;
      right: 10%;
      width: 100%;
      max-width: 170px;
      height: auto;
      pointer-events: none;
    }

    @media (max-width: 1350px) {
      .outer-textarea .img-responsive {
        display: none;
      }
    }