#wd-map, #level-2 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 0;
	background-color: transparent;
	min-width: 220px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
#wd_txt {
	font-size: 12px;
	font-weight: bold;
}
.back_btn{
	fill: #72B8FC;
	-webkit-transition: fill 0.1s ease;
	-moz-transition: fill 0.1s ease;
	-o-transition: fill 0.1s ease;
	transition: fill 0.1s ease;
	cursor: pointer;
}
.back_btn:hover{
	fill: #0081FF;
}
#wd-map svg, #level-2 svg {
	max-height: 100%;
	width: 100%;
	margin: 0;
}
@media screen and (max-width: 320px){
	#wd-map svg, #level-2 svg {
		height:180px;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	#wd-map svg, #level-2 svg {
		height:200px;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	#wd-map svg, #level-2 svg {
		height:230px;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	#wd-map svg, #level-2 svg {
		height:290px;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	#wd-map svg, #level-2 svg {
		height:340px;
	}
}
@media screen and (max-width: 767px) and (min-width: 686px) {
	#wd-map svg, #level-2 svg {
		height:420px;
	}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
	#wd-map svg, #level-2 svg {
		height:470px;
	}
}
@media screen and (min-width: 980px) {
	#wd-map svg, #level-2 svg {
		height:600px;
	}
}

#map-tip {
    font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
    display: none;
    padding: 3px; 
	/* border: 1px solid #EBECED; 
    color: #edeef0;  */
    z-index: 1000;
    float: left; 
    position: absolute;
    /*gradient color*/
  /*   background: rgb(73, 73, 73); 
    background: -moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(101, 101, 101, 1))); 
    background: -webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
    background: -o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%); 
    background: -ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%); 
     word-break: keep-all;  */
    white-space: nowrap;  
/* 	 box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 1px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);  */
}
#map-tip p {
	margin: 0!important;
	
}
#map-tip img {
	float: left; 
	padding:3px;
}
html{
 height:100%;
}
body{
 background: url("background.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
height: 100%;
z-index:1;
overflow: hidden;

}
.wrapper{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 100%;
}

a{
	text-decoration:none;
}
.logo{
	font-family:"Cooper Black Regular";
	font-size: 70px;
	color:#125ea3;
	font-weight: bold;
	text-decoration:none;
	
}
#continents{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}
.button_europe, .button_asia, .button_afrika, .button_northAmerica, .button_southAmerica, .button_oceania {
	display:none;
}
#europe, #asia, #afrika, #northAmerica, #southAmerica, #oceania{
 display:none;
}
@media only screen and (max-width: 320px){
.wrapper{
overflow: scroll;
}
.logo{
	margin-bottom: 10px;
	text-align:center;
}
.button_europe, .button_asia, .button_afrika, .button_northAmerica, .button_southAmerica, .button_oceania {
	display:inline-block;
	text-align:center;
	
}
#europe, #asia, #afrika, #northAmerica, #southAmerica, #oceania{
 display:inline-block;
}
.hide{
	display:none;
}
.show{
	display:inline-block;
	text-align:center;	
	opacity:1;
}
}
@media only screen and (max-width: 603px) and (min-width: 321px){
.wrapper{
overflow: scroll;
}
.logo{
	margin-bottom: 25px;
	text-align:center;
}
.button_europe, .button_asia, .button_afrika, .button_northAmerica, .button_southAmerica, .button_oceania {
	display:inline-block;
	text-align:center;
	margin: 0px 90px 0px 90px;
}
.hide{
	display:none;
}
.show{
	display:inline-block;
	text-align:center;	
}
#europe, #asia, #afrika, #northAmerica, #southAmerica, #oceania{
 display:inline-block;
}
}