@font-face{ font-family:"damion-regular"; src:url('../fonts/Damion-Regular.ttf'); }


#schrift {font-family: "damion-regular", sans-serif; font-size:400%;
              left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }


img {max-width:100%; height:auto;}

#graffiti {/*max-width:90%;*/ max-width:1300px;}



/********************************** responsiv Webdesign ************************************/

@media screen and (max-width:1400px)
{   
    #graffiti {max-width:90%;}
}

@media screen and (max-width:710px)
{   
	#schrift {font-size:300%;}
}

@media screen and (max-width:500px)
{
	#schrift {font-size:200%;}
}




@media screen and (max-height:730px)
{
	#graffiti {max-width:50%;}
    #schrift {position:relative; text-align:center; font-size:300%;}
}

@media screen and (max-height:490px)
{   
	#schrift {display:none;}
}

@media screen and (max-width:900px)
{   
	#schrift {font-size:200%;}
}

@media screen and (max-width:530px)
{   
	#schrift {display:block; font-size:130%;}
}