/* CSS Document */
/* Design by Artis Web Design
   http://www.artiswebdesign.net
   Copyright 2022: Artis Web Design */


@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-size:16px;
	font: inherit;
	vertical-align: baseline; 
	outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, footer, header, hgroup, main, section, summary {
	display:block;
}

body {
	font-family: sans-serif;
	color:rgb(0,0,0);
/*	line-height:1.75em;*/
	line-height:1.65em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

::selection {
  background: rgb(0,0,0);
  color:rgb(255,255,255);
}
::-moz-selection {
  background: rgb(0,0,0);
  color:rgb(255,255,255);
}
::-ms-selection {
  background: rgb(0,0,0);
  color:rgb(255,255,255);
}
::-o-selection {
  background: rgb(0,0,0);
  color:rgb(255,255,255);
}

#wartung {
	margin-top:22.5vh;
}
.war, 
.tung {
	font-family: OpenSansExtraBold, sans-serif;
	text-transform:uppercase;
	text-align:center;
	line-height:0.66em;
	margin-left:auto;
	margin-right:auto;
/*	font-size:300px;*/
	font-size: 14vw;
	margin:0;
	padding:0;
}
.war {
	letter-spacing:0em;
}
.tung {
	letter-spacing:0em;
}

/* --------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	.war, 
	.tung {
		font-size: 18vw;
	}
@media only screen and (max-width: 700px) {
	.war, 
	.tung {
		font-size: 24vw;
	}
@media only screen and (max-width: 440px) {
	.war, 
	.tung {
		font-size: 30vw;
	}
@media only screen and (max-width: 330px) {
	.war, 
	.tung {
		font-size:80px;
	}

}