* {
  padding: 0;
  margin: 0;
  font-family: 'Questrial', sans-serif;
  font-weight: 100; }

#heading {
  width: 500px;
  margin: 200px auto;
  font-weight: 100;
  text-shadow: 1px 1px 1px #000;
  letter-spacing: 2px;
  color: #fff; }
  #heading h1 {
    width: 500px;
    height: 80px;
    font-size: 70px;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    overflow: hidden; }
    #heading h1 a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff;
      text-decoration: none; }
  #heading h1:hover {
    background: white; }
  #heading p {
    display: none;
    width: 500px;
    font-size: 23.33333px;
    text-align: center; }
  @media screen and (max-width: 479px) {
    #heading {
      width: 250px; }
      #heading h1 {
        width: 250px;
        height: 40px;
        font-size: 35px; }
      #heading p {
        width: 250px;
        font-size: 11.66667px; } }