.directory {
  width: 100%;
  height: 25%;
  background-color: #800000;
  background-image: url(images/directorybg.jpg);
  background-size: cover;
  border: 10px solid transparent;  /* Required for border-image */
  border-image: url(images/fgrail.png) 30 stretch;
  box-shadow: 0px 0px 1.5vw white;
  display: flex;
  gap: 2%;
  padding: 0% 2%;
  overflow: hidden;
  margin: 0;
}

.button {
  margin: 0px;
  text-align: center;
  align-content: center;
  width: 25%;
  height: 100%;
  color: white;
  font-family: "SA2 Bold";
  font-size: 2vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 300ms ease all;
}

.button:hover {
  transition: 300ms ease all;
  text-shadow: 0px 0px 2vw white;
  font-size:2.3vw;
  letter-spacing: .5vw;
  color: #ffc1c1;
  cursor: pointer;
}