body {
    height: 100%;
    background: url(img/bg.jpg) 50% 0 no-repeat; 
    background-color: #030416; 
    font-family: Arial,Helvetica,sans-serif
}

td, div {
    color: #DDDDDD;
}

a {
    color: #DDDDDD;
}

a:hover {
    color: #FFFFFF;
}

* {
    box-sizing: border-box;
}

.column {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.column2 {
    float: left;
    width: 50%;
    padding: 5px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.main {
    width: 710px;      
}
    
.vid-img {
    width: 220px;   
}

.pre-text {
    width:700; 
    white-space: pre-wrap; 
    font-size: 100%; 
    line-height: 1.2;
    background-color: #ffffff;
    color: #000000;
    padding: 12px;
    font-family: Serif;
    border-radius: 10px; 
}

.pre-text-h1 {
    color: inherit;
    font-weight: bold; 
    font-size: 130%
}

.pre-text-h2 {
    color: inherit;
    font-weight: bold; 
    font-size: 120%
}

.pre-text-h1 b {
    color: inherit;
    font-weight: bold; 
    font-size: inherit;
}

.pre-text-h2 b {
    color: inherit;
    font-weight: bold; 
    font-size: inherit;
}

.pre-text hr {
    height: 1px;
    color: #767394;
    width: 90%;
}

.videos-list {
    width: 600px;
}

.title {
    font-weight: bold; 
    font-size: 110%;
}

.banner-img {
    margin: 0px;
    height: 60px;
    opacity: 0.9;
}

.menu-item {
    font-size: 105%;
}