.main-host {
    display: grid;
    grid-template:
        'content menu'
    ;
}

.main-menu {
    grid-area: menu;
    justify-self: center;
}

.main-content {
    grid-area: content;
    justify-self: center;
    max-width: 33em;
    padding: 0 0.5em;
}

ul.nav li a {
    border-radius: 3px;
}

img {
    max-width: 100%;
}


@media (max-width: 800px) {
    body {
        margin-top: 0 !important;
    }
    .main-host {
        grid-template:
            'menu'
            'content'
        ;
    }
    .main-menu {
        justify-self: stretch;
    }
    .nav li,a {
        display: inline !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 3px 5px !important;
    }
    li.nav-header {
        display: none !important;
    }
    .well {
        padding: 8px !important;
        border-radius: 0 !important;
    }
}

:target {
    background-color: #eaf3ff;
}

.evalvideo {
    /* box-sizing: border-box; */
    width: 384px;
    max-width: 100%;
    border: solid black 1px;
    display:block;
}