@media (max-width: 800px) and (orientation: landscape) {
  :root {
  --app_wrapper_height: 6vh; 
  --podcasts_header_height: 6vh;
  --podcast_height:9.5vw;
  --podcast_list_height: calc(3 * var(--podcast_height));
  --epsiodes_header_height:6vh;

  --player_controls_height : 12vh;
  --player_timeline_height : 3vh;
  --player_status_height : 3vh;
  --player_height:calc(var(--player_controls_height) +
                      var(--player_timeline_height) +
                      var(--player_status_height));
  --episode_list_height: calc(100vh - (
                                var(--app_wrapper_height) +
                                var(--podcasts_header_height) + 
                                var(--podcast_list_height) +
                                var(--epsiodes_header_height) + 
                                var(--player_height)
                                )
                              );
  }
  body {
    font-size: 12px; /* root text size */
  }

#podcasts,#episodes {
  width:50%;
  min-width:50%;
  max-width:50%;
}

   #podcasts_header,#episodes_header {
    display:flex;
    flex-direction: row;
    width:100%;
    min-width:100%;
    max-width:100%;
  }

  #podcasts_header {
    min-height:var(--podcasts_header_height);
    max-height:var(--podcasts_header_height);
    height:var(--podcasts_header_height);
  }

#podcasts_header_buttons {
  width: calc(2 * var(--podcasts_header_height));
  min-width: calc(2 * var(--podcasts_header_height));
  max-width: calc(2 * var(--podcasts_header_height));
}

#downloads_all {
    width: var(--podcasts_header_height);

  }

  #podcasts_all,#episodes_all {
    width:33vw;
    min-width:33vw;
    max-width:33vw;
    
  
  }
  #podcasts_status {
    width:calc(100vw - 33vw - calc(2 * var(--podcasts_header_height)));
    min-width:calc(100vw - 33vw - calc(2 * var(--podcasts_header_height)));
    max-width:calc(100vw - 33vw - calc(2 * var(--podcasts_header_height)));
  }

  #podcasts_refresh {
    width:var(--podcasts_header_height);
    min-width:var(--podcasts_header_height);
    max-width:var(--podcasts_header_height);
  }

  #episodes_downloaded {
    width:var(--podcasts_header_height);
    min-width:var(--podcasts_header_height);
    max-width:var(--podcasts_header_height);
  }

  #podcast_list {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: var(--podcast_list_height);
    max-height: var(--podcast_list_height);
    height: var(--podcast_list_height);
  }

  .podcast {
    width: var(--podcast_height);
    height:var(--podcast_height);
  }

  #episodes_header {
    display:flex;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: 6vh;
    max-height: 6vh;
    align-items: stretch;
    height: 6vh;
    margin-bottom:2px;
    margin-top:2px;
  }

  #episodes_img {
    height: 6vh;
    min-height: 6vh;
    max-height: 6vh;
    width: 6vh;
    min-width: 6vh;
    max-width: 6vh;
  }

  #episodes_status {
    display:flex;
    width:55vw;
    min-width:55vw;
    max-width:55vw;
    min-height: 6vh;
    max-height: 6vh;
    height: 6vh;
    align-items: stretch 
  }

  #episode_list {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: var(--podcast_list_height);
    max-height: var(--podcast_list_height);
    height: var(--podcast_list_height);
  }

  #player {
    min-height: var(--player_height);
    max-height: var(--player_height);
    height: var(--player_height);
  }

  #playing_wrapper {
    height: var(--player_controls_height);
    min-height: var(--player_controls_height);
    max-height: var(--player_controls_height);
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
  }

  #controls {
    min-width: var(--player_controls_height);
    max-width: var(--player_controls_height);
    width: var(--player_controls_height);
    min-width: var(--player_controls_height);
    max-width: var(--player_controls_height);
    width: var(--player_controls_height); 
  }

  .audio_button {
    height:50%;
    width:50%;
  }

  #episode_playing {
    width: calc(100vw - 2 * var(--player_controls_height));
    min-width: calc(100vw - 2 * var(--player_controls_height));
    max-width: calc(100vw - 2 * var(--player_controls_height));
  }

  #podcast_playing {
    display:flex;
    text-wrap: wrap;
    height: var(--player_controls_height);
    min-height: var(--player_controls_height);
    max-height: var(--player_controls_height);
    width: var(--player_controls_height);
    min-width: var(--playerplayer_controls_height_height);
    max-width: var(--player_controls_height);
  }

  #timeline {
    width: 100%;
    height: var(--player_timeline_height);
    min-height: var(--player_timeline_height);
    max-height: var(--player_timeline_height);
  }

  #timeline input[type="range"] {
    width: 100%;
  }

  #player_status {
    width: 100%;
    height: var(--player_status_height);
    min-height: var(--player_status_height);
    max-height: var(--player_status_height);
  }

}