@media only screen and (max-width: 600px){
	.bigScreenView{display: none;}
	.content{font-size: 14px; !important} 
	
}
@media only screen and (min-width: 600px){
	.mobileView{display: none;}
}

body, html{
	height:100%;
	margin: 0;
}

.bg { 
    background-image: url("../img/taust_big.png"); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:100%;
}

h1{
	font-family: EtelkaMediumPro;
	font-size: 50px;
	color: white;
	text-align: center;
	letter-spacing: 3px;
}

p{
	font-family: EtelkaLightPro;
	font-size: 20px;
	color: white;
	text-align: center;
	line-height:5px;
    text-shadow: -1px 0 grey;
}

.infotxt{
	color: black;
	font-family: EtelkaLightPro;
	font-size: 18px;
}

.infot{
	color: black;
	font-family: EtelkaLightPro;
	font-size: 15px;
	line-height:15px;
    text-shadow: 1px 0 grey;
}

.infotxt:hover{
	font-weight:bold;
}

.mobFriendly{
	position:absolute;
	right: 5px;
	top: 5px;
}
/*
.mobFriendly .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}

.mobFriendly .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.mobFriendly:hover .tooltiptext {
    visibility: visible;
}*/

.flag{
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
	/*box-shadow: 3px 3px 3px #222;
	-moz-box-shadow: 3px 3px 3px #222;
	-webkit-box-shadow: 3px 3px 3px #222;
	-khtml-box-shadow: 3px 3px 3px #222;*/
}

hr{
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.hrwhite{
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(225, 225, 225, 0.75), rgba(0, 0, 0, 0));
}

.footer{
	font-family: myRegularFont;
	font-size: 12px;
	line-height: 12px;
	color: grey;
}


a{
	font-family: myRegularFont;
	text-decoration: none;
}

}
.icon{
	height: 50px;
	position: relative;
	left: -77px;
	bottom: 25px;
}
.lang_nr{
	color: grey;
	font-size: 16px;
}

.level{
	-webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}

.level:hover{
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25); 
    -ms-transform:scale(1.25); 
    -o-transform:scale(1.25); 
     transform:scale(1.25);
}
.bigScreenView, .mobileView{
	padding:0px; !important
}

@media only screen and (max-width: 9000px) {
	p {font-size: 40px;}
	h1{font-size: 480%;}
	.mobFriendly{height: 60px;}

} 
@media only screen and (max-width: 1600px) {  
	p {font-size: 20px;}
	h1{font-size: 400%;}
	.mobFriendly{height: 50px;}

} 
@media only screen and (max-width: 1260px) {    
	p {font-size: 22px;}
	h1{font-size: 310%;}
	.flag{width: 60px;}
	.mobFriendly{height: 40px;}
	.bg{background-image: url("../img/taust_bigmedium.png");}
} 
@media only screen and (max-width: 600px), screen and (max-height: 650px) {
	p {font-size: 15px;}
	h1{font-size: 250%;}
	.flag{width: 40px;}
	.bg{background-image: url("../img/taust_bigsmall.png");}
	.infotxt{color: white;}
	.infot{color: white;}
	
}
@media only screen and (max-width: 350px), screen and (max-height: 600px) {
	p {font-size: 12px;}
	h1{font-size: 230%;}
	.flag{width: 40px;}
	.bg{background-size:auto;}
	.mobFriendly{height: 30px;}
	.mobileView p{font-size:10px;}
	.bg{background-image: url("../img/taust_bigmobile.png");}
}