*{
    margin: 0;
    font-family: monospace;
    background-color: palegreen;
}

#wrapper{
    margin: 80px 0;
}

h1{
    text-align: center;
    font-size: 5rem;
}

#heads{
    width: 40vw;
    mix-blend-mode:darken;
    margin: 0 30vw;
    margin-top: 5vh;
}

@media (max-width: 768px) { 
    @media (orientation: landscape){
        h1{
           font-size: 1rem;
        }
        #wrapper{
            margin: 30px 0;
        }
    }/* Targets screens less than or equal to 768px */
    h1 {
      font-size: 2rem;  /* Size for mobile screens */
    }

    #wrapper{
        margin: 60px 0;
    }
    #heads{
        margin-top: 1vh;
    }
  }