/* GENERAL */

*, *::before, *::after {
	box-sizing: border-box;
}

html {
}

body {
	background-color: #000;
	color: #ddd;
	font-family: "opensans-light",sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 100%;
	line-height: 1.44em;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	text-align: left;
	width: 100%;
}

a {
	color: #999;
	display: block;
	text-decoration: none;
}

a:hover, a:focus {
	color: #bea062;
	text-decoration: none;
}

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

a:hover img {
	opacity: 0.5;
}


.gold {
	color: #9f844d;
}


/* GENERAL SECTION
-------------------------------------------------*/

section {
	display: table;
	height: 100%;
	min-height: 100%;
	width: 100%;
}


/* COVER
-------------------------------------------------*/

.cover-section {
}

.covercontent {
    display: table-cell;
    padding: 0 20px;
}

.logo {
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
}

.logo img {
    max-width: 200px;
}

.drop {
    margin: 10px 0;
    text-align: center;
}

@font-face {
    font-family: 'opensans-light';
    src: url('opensans/OpenSans-Light-webfont.eot');
    src: url('opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* COVER
-------------------------------------------------*/

.content {
    padding: 40px 15px;
}

.mainbox {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
}

@media (max-width: 767px) {
    .content {
        padding: 40px 0;
    }
}