/* -- <p_000_03> mietauto-- */

h1 {
    text-align: center;
    }

h2 {
    font-size: 1.25em;
    }

canvas {
    box-shadow: 8px 8px 10px #aaa;
    width: 90%;
    margin-left: 5%; 
    }

p {
    line-height: 2.25em;
    }
    
.li_01 {
    margin-left: 35%;
    }    

.button {
    margin-top: 1em;
    margin-left: 30%;
	width: 40%;
	height: 1.75em;
	font-size: 1.25em;
	background: linear-gradient(to bottom, white, red);
	border: thin solid #ff0000;
	border-radius: 1em;
  }
 
.button:hover {
    color:#fff; 
    }


/* 1 em = 16 px */
/* 37.5em = 600 px = mobil */
@media only screen and (min-width: 37.5em) {
    }

/* 56.25em = 900 px = tablet */
@media only screen and (min-width: 56.25em) {
       canvas {
        width: 80%;
        margin-left: 10%; 
        }
    }

/* 100em = 1200 px = desktop */
@media only screen and (min-width: 75em) {
      canvas {
        width: 60%;
        margin-left: 20%; 
        }
    
    .button {
    margin-top: 2em;
    margin-left: 40%;
	width: 20%;
	height: 2em;
	font-size: 1.25em;
  }
    
    }

/* 100em = 1600 px = tv */
@media only screen and (min-width: 100em) {
      canvas {
        width: 70%;
        margin-left: 15%; 
        }
    }