.ami-buttons {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}

.ami-heading { font-weight: 900; }

@media (min-width: 768px) {
  .ami-buttons {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.ami-link {
  padding: 15px;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-weight: 900;
  white-space: normal;
  border: 0;
  box-sizing: border-box;
}

#resources .ami-link,
#resources .ami-link:focus,
#resources .ami-link:active, { 
  font-size: 1.35em;
  background: #0A145A;
  color: white;
}

#resources .ami-link:hover {
  background: #222B6A;
} 

.g35 { background: #48d3b9; }
.g35:hover,
.g35:focus,
.g35:active { background: #39A894 !important; }
.g68 { background: #2638c4; }
.g68:hover,
.g68:focus,
.g68:active { background: #162175 !important; }
.gk2 { background: #fe704e; }
.gk2:hover,
.gk2:focus,
.gk2:active { background: #CB593E !important; }

.ami-video-link-g35 a { color: #48d3b9; }
.ami-video-link-g35 a:hover,
.ami-video-link-g35 a:focus,
.ami-video-link-g35 a:active { color: #39A894 !important; }
.ami-video-link-g68 a { color: #2638c4; }
.ami-video-link-g68 a:hover,
.ami-video-link-g68 a:focus,
.ami-video-link-g68 a:active { color: #162175 !important; }
.ami-video-link-gk2 a { color: #fe704e; }
.ami-video-link-gk2 a:hover,
.ami-video-link-gk2 a:focus,
.ami-video-link-gk2 a:active { color: #CB593E !important; }