h1{
    margin-top: 0;
    font-size: 10vh;
    padding: 16vh 0;
    white-space: pre;
  }


  article, aside{
    width: 100vw;
    display: flex;
    justify-content: space-around;
  }


  #start_content{
    justify-content: space-between;
    padding-top: 10vh;
    padding-bottom: 10vh;
    align-items: end;
}

#start_content img{

    height: 45vh;
    width: auto;
}

#main_content{
    align-items: center;
    padding-bottom: 10vh;
}

h2{
    font-size: 3.5vh;
}

#main_pic{
    width: 35vw;
    height: auto;
}

#main_content div{
width: 35vw;
}

#hyperlink{
    padding-top: 2vh;
    display: flex;
    justify-content: space-around;
    }

#hyperlink button{
    font-size: 2.5vh !important;
}

  a{
    color: #1d1d1d;
    transition: all 0.5s ease;
  }

  button:hover a{
    color: #f3f3f3;
  }

  aside{
    padding-bottom: 10vh;
    align-items: center;
  }

  .secondary_pic{
    width: 30vw;
    height: auto;
    transition: transform 1s;
  }

  .secondary_pic:hover{
    transform: scale(1.1);
  }

  @media (max-width: 912px){

    #start_content{
        flex-direction: column;
        align-items: center;
    }

    #main_content{
        flex-direction: column;
    }

    #main_pic{
      width: 80vw;
      height: auto;
  }

    button {
      margin: 2vh 0;
      border: 2px solid #1d1d1b;
      background: transparent;
      transition: all 0.5s ease;
      width: 50vw;
      font-size: 2.5vh !important;
      color: #1d1d1b;
      padding: 1vh;
    }

  #start_content img{
      height: auto;
      width: 100vw;
  }
  
  h2{
      font-size: 5vh;
  }
  
  #main_content div{
  width: 80vw;
  }
  
  #hyperlink{
      flex-direction: column;
      align-items: center;
      }
  
  #hyperlink button{
      font-size: 2vh !important;
  }
  
    aside{
      flex-direction: column;
    }
  
    .secondary_pic{
      width: 80vw;
      height: auto;
      padding-bottom: 5vh;
    }

  }