html {
background-color:#000;	
font-family: arial, sans-serif;
font-weight: bold;
color:#ff0000;	
font-size: 36px;
}

.dialecticcontainer {
 position:absolute;
 height:20px;
 width:100%;
 text-align: center;
 margin:0px;
 top: 50%;
 left: 0;
	line-height: 1rem;

}

.thetext {
		cursor: pointer;
}

/* Tabletts */
@media only screen and (min-width: 360px) {

	.dialecticcontainer {
		line-height: 0.5rem;
	}
}

/* Tabletts */
@media only screen and (min-width: 760px) {
	html { font-size: 48px; }

}

/* Mittlere Monitore */
@media only screen and (min-width: 980px) {
	html { font-size: 72px; }
}