@media screen and (min-width: 601px) {

    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;
    }
   
    img {
      display: block;
      margin: auto;    
      height: 400px;
      width: auto;    
    } 
   
    iframe { 
      display: block; 
      margin: auto;
    }
   
    .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;
    }

    footer { 
      background-color: #333;
      color: #ddd;
      text-align:center;
      margin: auto 0;
      padding: 15px 0;
      width: 100%;
      flex-shrink: 0;
    }
    
    #songslist ul {
      list-style-type: none;
      display: block;
    }

    button {
      display: block;
      width: 350px;
      text-align: center;
    }
    
    audio {
      display: inline;        
    }

    .page-layout {
      display: flex;
      flex-wrap: no-wrap;
    }

    .left, .right {
      background-color: green;
      flex: 0 0 33.3333%;
    }

    .middle {
      flex: 0 0 33.3333%;
      background-color: #8B4513;
    }

    .speaker {
      height: 200px;
      width: 200px;
      background-color: black;
      border-radius: 50%;
      display: block;
      margin: 150px auto;
    }

    #nowplaying {
      background-color: white;
      min-height: 20px;
      text-align: center;
      margin-left: 5px;
      margin-right: 5px;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 5px;
    }

    #songslist {
      background-color: #bbb;
      height: 100vh;
      padding-top: 5px;
    }
    
    #jukebox {
        text-align: center;
        background-color: #8B4513;
        padding-bottom: 25px;
    }
    
    #currentsong {
       font-size: 1rem;    
       font-weight: normal;
    }
   
}