/* CSS Document */

html {
    overflow: hidden;
    background-color: #000000;
}

body
{
	font-family: Arial, Helvetica;
	font-size: 1.375rem; /* 22px */
	color: #EEEEEE;
	margin: 0;
}

a img 
{
	border: none; 
	-ms-interpolation-mode:bicubic;
}

img 
{
	border: none; 
	-ms-interpolation-mode:bicubic;
}

.headerline
{
border-bottom: solid 0.125rem #BBBBBB; /* 2px */
}

a:link, a:visited, a:active 
{
	color: #DDDDDD; 
    font-size: 1.375rem; /* 22px */
	text-decoration:none;	
}
a:hover
{
	text-decoration:underline;
}

.small
{
	font-size: 1.375rem; /* 22px */
	color: #BBBBBB;
	margin-bottom: 0.375rem; /* 6px */
    margin-top: 0.375rem; /* 6px */
}

h1, h2, h3, h4, h5, h6
{
	font-style: normal;
	font-weight: normal;
    padding: 0em;
	margin-bottom: 0.375rem; /* 6px */
    margin-top: 0.375rem; /* 6px */
}

h1 a:link, h1 a:visited , h1 a:active 
{
	text-decoration:none;
    font-size: 6.25rem; /* 100px */
	margin-bottom: 0; /* 0px */
}

h1
{
    text-align: right;
    font-size: 5rem; /* Significantly larger h1 */
}
h2
{
	font-size: 1.375rem; /* 22px */
    color: #BBBBBB;
	line-height: 1.75rem; /* 28px */
	margin-left: 4%;
	padding-bottom: 0; /* 0px */
	border-bottom: solid 0.0625rem #CCCCCC; /* 1px */
}

video {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    object-position: left;
    z-index: -1;
}

#text-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    box-sizing: border-box;
    text-align: right;
}