@media screen and (max-width: 750px) {
    .header {
      display: block;
      padding: 0;
      margin: 0;
    }

    .header-right {
      margin-top: 20vh;
      margin-right:40vw;
    }
    
    .header-right a {
      display: block;
      text-align: left;
      margin-top : 4em;
     }
     
  

     body#index {
      background-image: url("heart.jpg");
      /* background-size:cover; */
      background-size: auto 100vh;
      background-repeat: repeat-x;
     }
  
     .header a.logo {
      display: block;
     }
}