body {
    margin: 0;
    padding: 0;
    background-color: #333;
	position: relative;
	font-family: 'Play', sans-serif;
}

h1 {
	font-weight: 700;
	font-size: 48px;
	color: #3DE397;
    text-indent: 10px;
}

h2 {
	color: #3DE397;
}

a {
	text-decoration: none;
	color: #F86997;
}

.clear {
	display: block;
	height: 0px;
	clear: both;
}

#content {
    max-width: 980px;
    margin: 0 auto 160px;
    position: relative;
    z-index: 1;
}

section {
	background-color: #555;
	padding: 0 20px 20px;
	background-image: url('/_gfx/section-bg.png');
	background-repeat: no-repeat;
	color: #CC9014;
	overflow: hidden;
}

section label {
	display: block;
	width: 100%;
	padding: 5px 15px 5px;
	font-size: 24px;
}

.main-button {
	float: left;
	width: 450px;
	margin: 10px;
	height: 150px;
	border-radius: 10px;
	background-color: #333;
	background-repeat: no-repeat;
}

.main-button.turnieje {
	background-image: url('/_gfx/bg-turnieje.png');
}
.main-button.howellki {
	background-image: url('/_gfx/bg-howellki.png');
}
.main-button.an9k {
	background-image: url('/_gfx/bg-an9k.png');
}
.main-button.cezar {
	background-image: url('/_gfx/bg-cezar.png');
}
.main-button.linki {
	background-image: url('/_gfx/bg-linki.png');
}
.main-button.osika {
	background-image: url('/_gfx/bg-osika.png');
}

.main-button a {
	color: #333;
	display: block;
	width: 280px;
	height: 150px;
	font-size: 40px;
	font-weight: bold;
	padding-left: 170px;
	line-height: 150px;
}

.main-button.an9k a {
	padding-left: 130px;
	width: 320px;
}

#footer {
	position: fixed;
	bottom: 0;
	height: 125px;
	width: 100%;
	z-index: 2;
	background-color: #333;
    zoom: 0.9;
}

#contacts {
	width: 980px;
	margin: auto;
	height: 90px;
    display: flex;
    justify-content: space-around;
}

#credits {
	color: #3DE397;
	padding-top: 10px;
	height: 30px;
	width: 980px;
	margin: auto;
}

#contacts > div {
	width: 87px;
	height: 90px;
	margin-left: 1px;
	background-image: url('/_gfx/bottom-buttons.png');
    position: relative;
}

#contacts > div > a {
	display: inline-block;
	width: 87px;
	height: 90px;
}

#facebook {
	background-position: -530px -135px;
    color: rgb(58,87,149);
}
#reddit {
	background-position: -137px -135px;
    color: rgb(206,227,248);
}
#imdb {
	background-position: -824px -430px;
    color: rgb(234,179,11);
}
#untappd {
	background-position: -530px -235px;
    color: rgb(255,192,0);
}
#soundcloud {
	background-position: -334px -137px;
    color: rgb(255,60,0);
}
#bandcamp {
	background-position: -432px -39px;
    color: #1DA0C3;
}
#lastfm {
	background-position: -334px -430px;
    color: rgb(181,32,36);
}
#github {
	background-position: -530px -430px;
    color: rgb(127,209,98);
}
#amazon {
	background-position: -628px -236px;
    color: rgb(240,194,79);
}
#steam {
	background-position: -726px -234px;
    color: rgb(161,159,156);
}
#vcard {
    background-position: -726px -430px;
    color: rgb(254,209,35);
}
#pgp {
   background-position: -432px -430px;
   color: rgb(0,147,221);
}

#tooltip {
    position: absolute;
    top: -57px;
    background-color: #333;
    padding: 10px;
    height: 20px;
	border: 4px solid #555;
    white-space: nowrap;
    z-index: 50;
}
#tooltip:after, #tooltip:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#tooltip:after {
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333;
	border-width: 10px;
	margin-left: -10px;
}
#tooltip:before {
	border-color: rgba(85, 85, 85, 0);
	border-top-color: #555;
	border-width: 16px;
	margin-left: -16px;
}

@media (min-width: 1600px) {
    body {
        zoom: 1.1;
    }
    #footer {
        zoom: 0.95;
    }
}
@media (max-width: 999px) {
    #footer,
    #content {
        zoom: 0.85;
    }
}
@media (max-width: 899px) {
    #footer,
    #content {
        zoom: 0.75;
    }
}
@media (max-width: 799px) {
    #content {
        margin-bottom: 20px;
    }
    .main-button {
        float: none;
        margin: 10px auto;
    }
    #footer {
        position: static;
    }
    #contacts {
        width: 100%;
    }
    #contacts > div {
        float: left;
    }
}