:root {
    --color-primary: #004068 !important;
    --color-secondary: #036A67 !important;
    --color-tertiary: #669F41 !important;
    --color-primary-text: #004068;
    --color-background: #ffffff;
    --max-width: normal;
    --font-primary: 'local', Arial, sans-serif;
    --font-secondary: 'local2', Arial, sans-serif;
  } 
  
  
  
  
  :root { --border-radius: 0.375rem; }
  
  
  
  
  
  .container {
      @media screen and (max-width: 1700px) {
        max-width: 90%;
      }
    }
  .top-bar {
  figure > div {
    background: var(--color-tertiary);
    padding: 0.5rem;
  }
}

.desktop-nav {
  a {
    text-transform: uppercase;
    font-weight: bold;
    &.btn {
      &:hover,
      &.hover {
        background-color: var(--color-tertiary);
      }
    }
  }

  ul {
    li:last-child {
      margin-left: 0.5rem !important;
    }
  }

  .btn.btn-tertiary {
    text-transform: uppercase;
    background-color: #ff0000;
    color: #fff;
    font-weight: bold;
    z-index: 1;
    &:after {
      display: block !important;
      -webkit-animation: ring 1s infinite;
      animation: ring 1s infinite;
      background-color: red;
      border: 6px solid red;
      border-radius: 3px;
      content: "" !important;
      height: 100%;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: -1;
    }
    &:hover {
      background-color: var(--color-tertiary);
    }
  }
}

.footer div {
  a {
    color: #fff;
    text-decoration: underline;
  }
}

@keyframes ring {
  0% {
    width: 90%;
    height: 70%;
    opacity: 1;
  }
  100% {
    width: calc(100% + 1.5rem);
    height: calc(100% + 1.5rem);
    opacity: 0;
  }
}

@media (min-width: 1280px) {
  #module-677c0bd37fdcb700011c802d {
    .team-user:last-child {
      grid-column: 2 / 4;
      > article {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
      }
    }
  }
}