header{
    position: relative;
    height: auto;
    width: 100%;
    text-align: center;
}
ul.navbar{
    min-height: 3vw;
    width: auto;
    text-align: center;
}
ul.navbar li{
    position: relative;
    list-style: none;
    height: 3vw;
    display: inline-block;
    font-family: 'Times New Roman', Times, serif;
}
ul.navbar li a{
    display: inline-block;
    padding: 8px 13px;
    line-height: 32px;
	text-decoration: none;
    text-align: left;
    
    color: black;

	    -webkit-transition: color .2s ease-in-out;
	    -moz-transition: color .2s ease-in-out;
	    -o-transition: color .2s ease-in-out;
	    -ms-transition: color .2s ease-in-out;
	    transition: color .2s ease-in-out;
}
ul.navbar li a:after{
    content: "";
    position: absolute;
    background-color: green;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -10px;
    transition: 0.3s;
}
ul.navbar li a:hover:after { 
    width: 100%
}
.current { -webkit-text-fill-color:green; }

@media (min-aspect-ratio: 16/9) {
    video {
        width: 100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    video {
        width: auto;
        height: 100%;
    }
}