html, body {
   font-family: "Lucida Sans", sans-serif;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body{
	background-color:black;
	background-image:url(../pics/KDC.jpg);
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
* {
  box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
  float: left;
  padding: 0;
}

/* For desktop: */
@media only screen and (min-width: 600px) {
	.col-10{width: 10%;}
	.col-20 {width: 20%;}
	.col-30 {width: 30%;}
	.col-33 {width: 33%;}
	.col-40 {width: 40%;}
	.col-50{width: 50%;}
	.col-60 {width: 60%;}
	.col-66 {width: 66%;}
	.col-70 {width: 70%;}
	.col-80{width: 80%;}
	.col-90 {width: 90%;}
	.col-100 {width: 100%;}
}
select, input	{background-color:red;background-image: linear-gradient(black, red, black);text-shadow: 2px 2px black;color:white;text-shadow:1px 1px black;}
button			{font-size:25px;width:98%;text-shadow: black -1px -1px 1px, white 1px 1px 1px;background-image:linear-gradient(grey,white,dimgrey,darkgrey);color:grey}
.btnOrange		{background-image:linear-gradient(orange, yellow,darkorange,orange);color:orange}
.btnBlue			{background-image:linear-gradient(blue, white,blue);color:blue}
.btnGreen		{background-image:linear-gradient(green,lime,darkgreen,limegreen);color:rgba(100,255,100,1);text-shadow:green -1.5px -1.5px;}
.btnRed			{background-image:linear-gradient(indianred, pink,firebrick,red);color:rgba(255,100,100,0.4);text-shadow:brown;}