/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
a, img { outline: none; border:none; color: #000; font-weight: bold;}
img { display: block; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #93503f;
	color: #000;}	
	
 /* HomePage */
	 
#wrapper {
	width: 100%;	
	max-width: 1000px;
    position:absolute;
    top:0;
    left:0;
    right:0;
	text-align: center;	
    margin:0 auto;

    } 
	
#content{
	float: left;
	width: 100%;
	height: 1000px;
	margin-bottom: 15px;
	background-image: url(KDPlandingPg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px 0px 0px;
}
	
#content img {
		width: 100%;
		}



.legal {
	text-align: center;		
    font-size: .7em; 
    line-height: 1.4em; 	
	color: #FFF;
    margin: 0 auto;
	padding-top: 15px;
	width: 85%;
}
.legalenter {
	text-align: center;		
    font-size: 0.6em; 
    line-height: 1.4em; 	
	color: #FFF;
    margin: 0 auto;
  	padding-top: 10px;	
	max-width: 90%;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

a:link {
	color: #FFF;
	text-decoration: none; 
}

a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #FFF000;
}


/* Media Queries */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	
#content{
	float: left;
	width: 100%;
	height: 1000px;
	margin-bottom: 15px;
	background-image: url(MOBILE.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px 0px 0px;
}

.legal {
	margin: 5px 0px 0px 0px;  
	width: 90%;
		float: left;
	clear: left;
  	padding: 5px 5px 5px 15px;	
	text-align: center;}	

.legalenter {
	text-align: center;		
    font-size: 0.6em; 
    line-height: 1.4em; 	
	color: #FFF;
	padding: 5px 12px 5px 12px;	
	max-width: 95%;
}

.legal img {
	margin: 0 0 0px; 
	width: 100%;
	}	
		


#contentb p {
	padding: 5px  10px 5px  10px ;
}
.ruleshead {
	padding: 5px  10px 5px  10px ;
}

}