/*body {
  background: hsla(240, 3%, 6%, 1);
  background: linear-gradient(315deg, hsla(240, 3%, 6%, 1) 20%, hsla(0, 0%, 30%, 1) 75%);
  background: -moz-linear-gradient(315deg, hsla(240, 3%, 6%, 1) 20%, hsla(0, 0%, 30%, 1) 75%);
  background: -webkit-linear-gradient(315deg, hsla(240, 3%, 6%, 1) 20%, hsla(0, 0%, 30%, 1) 75%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0E0E0F", endColorstr="#4C4C4C", GradientType=1 );
}*/
  
  body {
    width: 100%;
  }

  .heading, h1 {
      font-size: 3rem;
      color: white;
      font-variant: small-caps;
      margin: 10px;
      text-align: center;
  }

  .heading2 {
    font-size: 1.5rem;
    color: white;
    font-stretch: extra-condensed;
    text-align: center;
    font-variant: small-caps;
  }

  .button-main {
    padding: 2rem;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-variant: small-caps;
    width: 15rem;
    margin-right: 3rem;
    border: 3px solid grey;
    background: none;
    color: white;
    transition: 0.3s ease-in-out;
  }


  .button-main:hover {
    background-color: black;
    cursor: pointer;
}

@media only screen and (min-width: 992px) {
    .button-main:hover {
      background-color: black;
      width: 65%;
      cursor: pointer;
  }

  .heading, h1 {
    font-size: 5rem;
  }
}