*{
  box-sizing: border-box;
}

body{ margin: 0;  }

#wrapper{
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

#box{
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  background-color: rgb(29, 174, 236);
  color: white;
  padding: 60px
}

h1{
  font-family:'Lilita One', cursive;
  font-size: 4em;
}

h2{
  font-family: 'Lilita One', cursive;
  font-size: 2em;
  color: #f25252; 
}


.reflow{
  
  line-height: 1.2em;
}

@media (min-width: 700px){
  
  .reflow{
      column-count: 2;
      column-gap: 20px;
  }
}

.overhang{
  margin-left: 5%;
  width: 40%;
  margin-top: -7%;
  
}

nav{ 
  position: fixed;
  top: 0;
  background-color: white;
  z-index: 2;
  
  width: 100%; 
}
ul{ 
  list-style:none; 
  padding-left: 0; 
  margin:0;
  width: 100%;
}

menu{
   margin: 0 auto;
  width: 100%;
  max-width: 680px;
  padding-right: 8px;
  padding-left: 8px;
}
menu ul li{ 
  display: inline-block; 
  padding: 2px 10px; 
  line-height: 2em;
  font-family: cabin, sans-serif;
}

menu ul li a{
  text-decoration: none; 
  font-size: 1.2em;
  color:#f25252;
}

#pushright{
  margin-left: 30%;
  text-align:right;
  margin-bottom: 100px;
}

section{ min-height:100vh; padding-top: 50px; padding-left: 25px;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding-bottom: 20px;
}

section#beatles{
  background-color:lightblue;
  
}

body{
  background-image: url("pexels-photo-767483.jpeg");
  background-size: ;
} 

p{
  font-family: sans-serif;
  margin-right: 4%;
}