@media  all and ((max-width: 600px) and (orientation: landscape)),(max-width: 600px) and (orientation:portrait)  {
    body{
    }
    .wrapper {
        display: grid;
        grid-gap: 1px;
        height: 100%;
        width: 90vw;
    }
    header {
        height: 3em;
        padding: 0.3em;
        align-content:center
    }
    nav {
        min-height: 1em;
    }
    main {
        min-height:20vh;
    }
    aside {
        align-self: start;
        align-content: center;
    }
    footer {
        padding-top: 1em;
        height: auto;
        min-height: 2em;
    }
    th{
        display: none;
        min-width: 100px;
}
    td{
        display: block;
    }
    tr {
        padding: 0.3em;
        display: block;
    }
    .CaptionsInvisible{
        display:none;
    }
    .CaptionsVisible{
        font-size: 0.8rem;
        color:gray;
    }
    .cam_view{
        width:300px;
        justify-self: center;
    }
}