/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#links-marine {
  padding: 20px; }
  #links-marine[v-cloak] {
    display: none; }
  #links-marine .link-marine {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    justify-content: flex-start;
    margin-bottom: -20px; }
    #links-marine .link-marine > li {
      position: relative;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
      flex: 0 0 33.3%;
      max-width: 33.3%;
      margin-bottom: 20px; }
      @media screen and (max-width: 63.99875em) {
        #links-marine .link-marine > li {
          flex: 0 0 33.3%;
          max-width: 33.3%;
          padding-right: 5px;
          padding-left: 5px;
          margin-top: 5px;
          margin-bottom: 5px; } }
      @media screen and (max-width: 39.99875em) {
        #links-marine .link-marine > li {
          flex: 0 0 50%;
          max-width: 50%; } }
      #links-marine .link-marine > li a {
        display: block;
        border-radius: 5px;
        overflow: hidden; }
        #links-marine .link-marine > li a:hover img {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
        #links-marine .link-marine > li a figure {
          overflow: hidden;
          height: 150px; }
          #links-marine .link-marine > li a figure img {
            width: 100%;
            display: block;
            height: 100%;
            min-height: 150px;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
        #links-marine .link-marine > li a h4 {
          text-align: center;
          position: absolute;
          bottom: 0;
          padding: 15px;
          color: #FFF;
          font-size: 16px;
          font-family: "Quicksand", sans-serif;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: 500;
          background: none;
          box-shadow: none;
          font-size: 0.8em;
          line-height: inherit !important;
          font-weight: 700;
          text-shadow: 0 2px 5px #004c80; }