@media screen and (max-width: 600px) {
    
    body { 
      background-color: blue;
    }

    main {
      min-height: 70vh;
    }

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

    h2 { 
      text-align:center;
      font-size: 3rem;
    }
   
    h3 { 
      text-align:center;
      font-size: 2.5rem;
    }     
 
    h4, h5 { 
      text-align:center;
      font-size: 2rem;
    }
   
    h6 { 
      text-align:center;
      font-size: 1.5rem;
    }
   
    p { 
      font-size: 1.5rem;
      font-weight: bold;
    }
    
    iframe { 
      display: block;
      margin: auto;
    }    
    
    img {
      display: block;
      margin: auto;    
      height: 300px;
      width: 100%;    
    }  
   
    .center {
      text-align:center; 
    }
   
    .topnav {
      background-color: #333;
      overflow: hidden;
    }

    .topnav a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }

    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .topnav .active {
      background-color: #0454aa;
      color: white;
    }

    .topnav .icon {
      display: none;
    }
   
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
  
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  
    footer { 
      background-color: #333;
      color: #ddd;
      text-align:center;
      margin: auto 0;
      padding: 15px 0;
      bottom: 0;
      width: 100%;
    }
  
    #songslist ul {
      list-style-type: none;
      display: block;
      padding: 0;
    }
    
    button {
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 3px;
      padding: 5px 0;
    }
    
    #nowplaying {
      background-color: white;
      text-align: center;
      width: auto;
      padding: 5px 0;
      margin-bottom: 5px;
      margin-top: 10px;
    }
    
    #jukebox {
        text-align: center;
    }
    
    #currentsong {
       font-size: .80rem;    
       font-weight: normal;
    }
    
}