html,body {font-size: 100%;font-size: 1em;font-family: Helvetica, verdana, Courier New, arial;color:#fff;line-height: 1.4;}

#conten
{margin-top: 50px;margin-right:auto;margin-left:auto;width: 80vw;padding: 0px;}
@media screen and (max-width: 560px) {
	#conten {padding-bottom: 1em; width: 100%; 0.8em;}
}

#conten h2 {margin: 0; background: transparent; color: #996633; text-shadow: 3px 3px 3px #000; font-size:1.8em;}

img {max-width: 100%;height: auto;}		

* {
    box-sizing: border-box;
}

/* 2 equal columns that floats next to each other */
.column { float: left; width: 50%; padding: 12px;}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive, stack column on top of each other */
@media screen and (max-width: 560px) {
    .column {
        width: 100%;
    }
}

div.centbox {margin: 0 auto; width: 100%; background-color: #000; padding:8px; background-color: rgba(0, 0, 0, 0.7); opacity: inherit;}

.goldtx {COLOR: #996633;text-shadow: 2px 2px 2px #000;}
.timtx {COLOR: #CC0033;text-align:right;font-size:12px;}
.redtx {color: #ff0000;}

.sublink A:link {text-decoration: underline; color: #FF00FF;}
.sublink A:visited {text-decoration: underline; color: #FF00FF;}
.sublink A:active {text-decoration: underline; color: #FF00FF;}
.sublink A:hover {text-decoration: none; color: #C20DFD;}

#mainbg {
background-image:url('../images/intro.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-color:#000;
margin:0;padding:0;
background-position:center top; background-size: cover;
}