html {
    background-color: #0F0F0F;
    color: white;
    font-family: 'Jacques Francois';
}
h1 {
    font-size: 15vh;
    margin-bottom: 0px;
    font-weight: 10;
}
h2 {
    margin-top: -3vh;
    font-size: 1.8vh;
    font-weight: 100;
    margin-bottom: 4vh;
}

div{
    margin-top: -8vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 99vh;
    max-height: 99vh;
}

img {
    width: 50vh;
    height: auto;
    border: 1vw solid white;
    margin-bottom: 4vh;
}

p {
    margin: 0px;
    font-size: 2.1vh;
    text-align: center;
}

@media only screen and (max-width: 600px) {

  h1 {
    font-size: 20vw;
    margin-top: 10vh;
  }

  h2{
    margin-top: -2vh;
  }

  img{
    width: 75vw;
  }

  p{
    font-weight: 100;
    padding-bottom: 4vh;
  }

}