@font-face {
  font-family: Delta;
  src: url(Muller-Regular13.woff);
}
body{
background-color: #7FC0C7;
font-family: Delta;
}
.wheel{

}
/* Dropdown Button */
.dropbtn {
  background-color: transparent;
  color: white;
  font-size: 16px;
  border: none;
  padding-bottom: 50px;
  padding-right: 50px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
    z-index: 999999;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #ed3093;}
.head-title{
position: absolute;
    top: -1%;
    left: -103%;
    width: 133%;
}
.wrapper {
margin: 0 auto;
width: 570px; /* 2 */
position:relative;
top:-70px;	
}
canvas{
font-family: Delta;
position:relative;
left: 60px;
}
.text{
position:absolute;
width:80%;
top:47%;
left:-101%;
}
.lines{
position: absolute;
top: 58%;
left: -3%;
}
.lines2{
position: absolute;
top: 21%;
left: 165%;
}
.lines3{
position: absolute;
top: -3%;
left: -9%;
}
.stains{
position: absolute;
width: 70%;
top: -6%;
left: 169%;
}
.stains2{
position: absolute;
top: 59%;
left: -50%;
}
.logo-right{
	    float: right;
    position: relative;
    right: 7%;
    bottom: 256px;
}
.krag{
    position: absolute;
    bottom: -32%;
    left: -96%;
}
@media (max-width:1280px){
    .krag{
    position: absolute;
    bottom: -12%;
    left: -48%;
    width: 84%;
}
.head-title {
    left: -62%;
}
}

@media (min-width:2200px){
    .krag {
        bottom: 0;
    }
}

@media (min-height:1200){
    .krag {
    position: absolute;
    bottom: -23%;
    left: -96%;
    width: 143%;
}
}

INPUT[type=checkbox]:focus
{
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

INPUT[type=checkbox]
{
    background-color: #DDD;
    border-radius: 2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

INPUT[type=checkbox]:checked
{
    background-color: #409fd6;
    background: #409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
}