body {
    background-image: linear-gradient(rgb(66, 66, 66), rgb(0, 0, 0));
    background-size: cover;
    background-repeat: no-repeat;
    background-color: black;
    color: rgb(255, 255, 255);
    font-family: "GMX-Regular", Times, serif;
}

.col{
    margin: 1% auto 5% auto;
}

.col2{
    margin: 2% auto 2% auto;
}

.btn-outline-secondary {
    color: #C8C052;
    border-color: #C8C052;
}

.btn:hover{
    background-color: black;
}

@media screen and (min-width: 600px) {
    .imagescale {
    width: 30%;
    }
  }
  @media screen and (max-width: 600px) {
    .imagescale {
    width: 70%;
    }
  }

  @media screen and (min-width: 600px) {
    .logoescale {
    width: 10%;
    }
  }
  @media screen and (max-width: 600px) {
    .logoescale {
    width: 30%;
    }
  }

  @font-face {
    font-family: GMX,serif;
    src: url(GMX-Regular.otf);
  }