.site_header {
	position: relative;
	z-index: 999;
	font-family: "Radiance", sans-serif;
    display: block;
}

#site_nav ul {
	list-style: none;
	width: 50%;
	position: absolute;
	right: 40px;
	top: 50px;
	margin: 0;
	padding: 0;
}
@media only screen and (min-width: 450px) {
	#site_nav ul {
		width: 70%;
		list-style: none;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
}

#site_nav ul li {
	display: block;
	text-align: right;
	margin-right: 20px;
}
@media only screen and (min-width: 450px) {
	#site_nav ul li {

	}
}

#site_nav a {
	color: #ffffff;
	background-color: black;
	text-decoration: none;
	padding: 10px;
	transition-duration: 0.3s;
}

#site_nav a:hover {
	color: #000000;
	background-color: #ffffff;
}
@media only screen and (min-width: 450px) {
	#site_nav a {
		padding: 10px;
	}
}

#site_nav .button {
	display: inline-block;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 4vw;
}
@media only screen and (min-width: 450px) {
	#site_nav .button {
		font-size: 10px;
		padding: 7px;
	}
}
@media only screen and (min-width: 650px) {
	#site_nav .button {
		font-size: 14px;
	}
}

#site_nav .button .rotate_wrapper {
	display:block;
	transform: rotate(1.5deg);
}

#site_nav #btn_languageselector {
	/*background-image: url("https://steamcdn-a.akamaihd.net/apps/underlords/images/btn_languageselect.png");*/
}

#site_nav #btn_languageselector  {
	transform: rotate(2.5deg);
}
@media only screen and (min-width: 450px) {
	#site_nav #btn_languageselector  {
		transform: rotate(0);
	}
}

#site_nav #btn_leaderboard .rotate_wrapper {
	transform: rotate(-2deg);
}

#site_nav #btn_leaderboard {
	transform: rotate(-2deg);
}

#language_dropdown {
	display: inline-block;
}

#language_list {
	right: 20px;
	width: 310px;
}

#language_selector a {
	color: #fff;
	text-decoration: none;
}

#language_list a {
	padding: 1px 0;
	font-size: 14px;
}

#language_selector img {
	width: 12px;
	height: auto;
	display: inline-block;
	margin-bottom: 3px;
	background-image: url("https://steamcdn-a.akamaihd.net/apps/underlords/images/languageselect_arrow.png");
	background-size: 100%;
}

#language_selector:hover .arrow-active {
	display: block;
}

#language_selector:hover .arrow-inactive {
	display: none;
}

#language_list {
	padding: 13px 12px;
	border: solid #777777 1px;
	background-color: rgba(0,0,0,.8);
	text-align: left;
	z-index: 999999;
	position: absolute;
	right: -20px;
	overflow: auto;
}
@media only screen and (min-width: 450px) {
	#language_list {
		right: 10px;
	}


}

@media only screen and (max-width: 730px) {
    #site_nav ul li {
        margin-right: 0px;
        margin-bottom: 5px;
    }

    #site_nav ul {
        top: 30px;
     }

    #site_nav .button {
        font-size: 12px;
    }
}

.language_item {
	padding: 5px 0;
	color: #fff;
	display: block;
}

#language_selector a.language_item:hover {
	background-color: rgba(255,255,255,1);
	color: #000000;
}

.underlords-logo {
	width: 200px;
	max-width: 60px;
	position: absolute;
	top: 40px;
	left: 40px;
	transition-duration: 0.3s;
}

.underlords-logo:hover {
	opacity: 0.6;
}


/*FOOTER*/

.footer {
    padding: 10vw 5vw;
}
@media only screen and (min-width: 900px) {
    .footer {
        padding: 100px 50px;
    }
}

@media only screen and (min-width: 900px) {
    .footer_logo {
        max-width: 500px;
        margin: 0 auto;
    }
}

.footer .download_buttons {
    margin: 10vw auto;
}
@media only screen and (min-width: 900px) {
    .footer .download_buttons {
        margin: 100px auto;
        max-width: 1000px;
    }
}

.footer .legal {
    font-size: 14px;
    color: #666666;
    max-width: 1000px;
    margin: 10vw auto;
}
@media only screen and (min-width: 900px) {
    .footer .legal {
        text-align: center;
        margin: 100px auto;
    }
}