@media (min-width: 767px) {
  h1 {
    color: white;
    text-align: center;
    font-size: 60px;
    line-height: 50px;
    margin-top: -351px;
    font-family: Francois One;
    /*background-color: black;*/
    /*z-index: 5;*/
  }
}

@media (max-width: 766px) {
  h1 {
    color: black;
    text-align: center;
    font-size: 56px;
    line-height: 50px;
    margin-top: -20px;
    font-family: Francois One;
  }
}

@media (min-width: 300px) {
  img {
    width: 100%;
    /*z-index: 10;*/
  }
}