table {
border-style:solid; 
border-width:2px; 
border-color:black;
border-collapse:collapse;
}
tr {
text-align:center;
}

td { 
border-style:solid; 
border-width:1px; 
border-color:gray;
}
img {
  outline: 10px solid black;
  outline-offset: 0px;
  padding: 1px;
}	

a {
//text-decoration: none;
color: #FFFFA0;
}

html, body
{
    height: 100%;
    position: relative;
    background-color: #080166;
	color:#FFFF22; 
	margin: auto;
}

section#background
{
    height: 100%;
    width: 100%;
}

video
{
    height: 100%;
    width: 100%;    
}

h1
{
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 96px;
    color: white;
    
}


h3
{
    display: block;
}

aside
{
    width: 33%;
    float: left;
}

aside img
{
    width: 100%;
    margin-top: 10px;
}

main
{
    width: 33%;
    float: left;
    min-height: 50%;
    border-left: 1px white solid;
}

li
{
    padding: 20px;
    list-style-type: none;
    
}

h2
{
    text-align: center;
    padding: 20px;
    font-size: 24px;
}

section#news
{
    width: 33%;
    float: left;
     min-height: 50%;
}

audio
{
    margin: 5px;
	display: block;
	width: 95%;
}

@media only screen and (max-width: 1024px) 
{
    
    aside
    {
        display: none;
    }
    
    section#news, main
    {
        width:50%
    }
    
    h1
    {
        font-size: 48px;
    }
}

@media only screen and (max-width: 768px) {
    section#news,main
    {
        width:100%;
    }
    
    section#news
    {
        border-bottom: 1px white solid;
    }
    
    h1
    {
        font-size: 36px;;
    }
}