@charset "utf-8";

*{margin:0;
padding:0;}

body{
	background-color:#330033;
	font-family: ubuntu-light, Source Sans Pro, sans-serif;}
	
body a{text-decoration:none;
}	
	
#header{display:block;
width:1024px;
	height:431px;
	background-image:url("../img/mykehilla_short.png");
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
}

#nav_footer{
	margin-left:62.261%;
	width:200px;
	margin-top:1em;
	height:auto;
	background-color:#330033;
}

#nav_footer li{list-style:none;
width:33.3333%;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top:2.6em;
float:left;
font-size:1em;
font-weight:bold;
}

#nav_footer a{color:#fff;}

#nav1_footer a{color:#fff;}
#nav2_footer a{color:#fff;}
#nav3_footer a{color:#fff;}


#nav_footer a:active{color:#cc99cc;}

#nav1_footer a:hover{color:#cc99cc;}
#nav2_footer a:hover{color:#cc99cc;}
#nav3_footer a:hover{color:#cc99cc;}


#nav{
	width:1024px;
	height:129px;
	background-color:#660066;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}

#nav li{list-style:none;
width:25%;
text-align:center;
float:left;
padding-top:1.31em;
font-size:2.3em;
}

#nav a{color:#cc99cc;}
#nav0 a{color:#cc99cc;}
#nav0b a{color:#cc99cc;}
#nav0a a{color:#cc99cc;}

#nav1 a{color:#cc99cc;}
#nav2 a{color:#cc99cc;}
#nav3 a{color:#cc99cc;}
#nav4 a{color:#cc99cc;}



#nav a:active{color:#fff;}

#nav0 a:hover{color:#fff;}
#nav0b a:hover{color:#fff;}
#nav0a a:hover{color:#fff;}
#nav1 a:hover{color:#fff;}
#nav2 a:hover{color:#fff;}
#nav3 a:hover{color:#fff;}
#nav4 a:hover{color:#fff;}


#nav_footer_bottom{display: block;
	width:1024px;
	height:129px;
	background-color:#660066;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#nav_footer_bottom li{list-style:none;
width:16.6667%;
text-align:center;
float:left;
padding-top:1.31em;
font-size:2.3em;
}

#nav_footer_bottom a{color:#cc99cc;}

#nav_footer_bottom a:hover{color:#fff;}
#nav_footer_bottom0 a:hover{color:#fff;}
#nav_footer_bottom1 a:hover{color:#fff;}
#nav_footer_bottom2 a:hover{color:#fff;}
#nav_footer_bottom3 a:hover{color:#fff;}

#nav_footer_bottom a:active{color:#fff;}
#nav_footer_bottom0 a:active{color:#fff;}
#nav_footer_bottom1 a:active{color:#fff;}
#nav_footer_bottom2 a:active{color:#fff;}
#nav_footer_bottom3 a:active{color:#fff;}

/*Media Queries*/

@media only screen and (max-device-width:1920px) {

#nav_footer{
	margin-left:64.9%;
}

#nav_footer li{
padding-top:2em;
}
	
#header{
	width:960px;
	height:384px;
	margin-top:0px;
		background-image:url("../img/mykehilla_short1.png");
	background-repeat:no-repeat;
	background-position:center;
}

#nav{width:960px;
	height:100px;
	}

#nav li{
font-size:2em;
padding-top:1.08em;
		}

#nav_footer_bottom{width:960px;
	height:100px;
	}
	
#nav_footer_bottom li{
font-size:2em;
padding-top:1.08em;
		}

}


@media only screen and (max-device-width:1600px) {


#nav_footer{
	margin-left:62.71%;
}

#nav_footer li{
padding-top:0.9em;
}

#header{
	width:800px;
	height:323px;
	margin-top:0px;
		background-image:url("../img/mykehilla_short2.png");
	background-repeat:no-repeat;
	background-position:center;
}

#nav{width:800px;
height:80px;}

#nav li{
padding-top:0.58em;
font-size:2.3em;
}

#nav_footer_bottom{width:800px;
height:80px;}

#nav_footer_bottom li{
padding-top:0.58em;
font-size:2.3em;
}

}

@media only screen and (max-device-width:1366px) {

#nav_footer{
	margin-left:60.62%;
}

#nav_footer li{
padding-top:0.3em;
}

#header{
	width:683px;
	height:272px;
	margin-top:0px;
		background-image:url("../img/mykehilla_short3.png");
	background-repeat:no-repeat;
	background-position:center;
}

#nav{width:683px;
height:64px;
	}

#nav li{
font-size:1.5em;
padding-top: 0.72em;}

#nav_footer_bottom{width:683px;
height:64px;
	}

#nav_footer_bottom li{
font-size:1.5em;
padding-top: 0.72em;}

}

@media only screen and (max-device-width:1024px) {


#nav_footer{
	margin-left:60.24%;
}

#nav_footer li{
padding-top:0.05em;
}

#header {display:block;
	width:613px;
	height:243px;
	background-image:url("../img/mykehilla_short4.png");
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;}


#nav{width:613px;
height:56px;}

#nav li{font-size:1.5em;
padding-top:0.67em;
}

#nav_footer_bottom{width:613px;
height:56px;}

#nav_footer_bottom li{font-size:1.5em;
padding-top:0.67em;
}

}

@media only screen and (max-device-width:768px) {

#nav_footer{
	margin-left:53%;
}

#nav_footer li{
padding-top:0.6em;
font-size:0.8em;
}

#header {
		width:430px;
		background-image:url("../img/mykehilla_short5.png");
	height:205px;
	/*60percent*/
	margin-top:0px;}

#nav{width:430px;
height:40px;}	

#nav li{
font-size:1.1em;
	padding-top:0.62em;
	}

#nav_footer_bottom{width:430px;
height:40px;}	

#nav_footer_bottom li{
font-size:1.1em;
	padding-top:0.62em;
	}

}

@media only screen and (max-device-width:540px) {




#global_wrapper{display:block;
width:100%;
margin-left:auto;
margin-right:auto;
padding-top:0.75em;
margin-top:0;}

#nav_footer{width:76%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.5em;	
}

#nav_footer li{
font-size:0.7em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#header{width:250px;
	height:90px;
	background-image:url("../img/mykehilla_short6.png");
margin-top:0px;	
	padding-top:0;}

#nav{width:250px;
height:27px;}

#nav li{font-size:0.75em;
	padding-top:0.53em;
	}
	
#nav_footer_bottom{width:250px;
height:27px;}

#nav_footer_bottom li{font-size:0.75em;
	padding-top:0.53em;
	}

}

@media only screen and (max-device-width:375px) {



#nav_footer{width:82%;
}
}

@media only screen and (max-device-width:360px) {



#nav_footer{width:86%;
}
}

@media only screen and (max-device-width:350px) {



#nav_footer{width:88%;
}
}

@media only screen and (max-device-width:350px) {



#nav_footer{width:90%;
}
}

@media only screen and (max-device-width:340px) {



#nav_footer{width:94%;
}
}

@media only screen and (max-device-width:330px) {



#nav_footer{width:95%;
}
}


@media only screen and (max-device-width:320px) {

#nav_footer{
	width:72%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}

#nav_footer li{
padding-top:0em;
padding-bottom:0.7em;
font-size:0.6em;
margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#global_wrapper{display:block;
width:100%;
margin-left:auto;
margin-right:auto;
padding-top:1em;
margin-top:0;}

#header{width:190px;
height:69px;
background-image:url("../img/mykehilla_short7.png");
margin-top:0px;	
padding-top:0;
}

#nav{width:190px;
height:21px;
}

#nav li{font-size:0.5em;
padding-top:0.61em;}

#nav_footer_bottom{width:190px;
height:21px;
}

#nav_footer_bottom li{font-size:0.5em;
padding-top:0.61em;}

}

@media only screen and (max-device-width:300px) {



#nav_footer{width:77%;
}
}

@media only screen and (max-device-width:280px) {



#nav_footer{width:82%;
}
}

@media only screen and (max-device-width:260px) {



#nav_footer{width:88%;
}
}