/*!
 * This file is part of Contao.
 *
 * (c) Leo Feyer
 *
 * @license LGPL-3.0-or-later
 */

 @font-face {
   font-family: "Hulkbusters";
   src: url("../fonts/hulk.eot"); /* IE9 Compat Modes */
   src: url("../fonts/hulk.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
     url("../fonts/hulk.otf") format("opentype"), /* Open Type Font */
     url("../fonts/hulk.svg") format("svg"), /* Legacy iOS */
     url("../fonts/hulk.ttf") format("truetype"), /* Safari, Android, iOS */
     url("../fonts/hulk.woff") format("woff"), /* Modern Browsers */
     url("../fonts/hulk.woff2") format("woff2"); /* Modern Browsers */
   font-weight: normal;
   font-style: normal;
 }

/**
 * Fix rendering HTML5 elements in IE
 */
header,footer,nav,section,aside,main,article,figure,figcaption {
	display:block;
}

*{
  box-sizing: border-box;
}

/**
 * Reset the margin and padding of the block elements
 */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
}

html {
	font-size:18px;
}

html,body{
  height:100%;
}

@media screen and (min-width: 320px) {
	html {
  	font-size: calc(18px + 4 * ((100vw - 320px) / 680));
		}
}

@media screen and (min-width: 1000px) {
	html {
  	font-size: 35px;
  }
}

/**
 * Basic element formatting
 */
table {
	border-spacing:0;
	border-collapse:collapse;
}
caption,th,td {
	text-align:left;
	text-align:start; /* see #4596 */
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img,iframe {
	border:0;
}
ul {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}

/**
 * Default font settings
 */
body {
	font-family:'Walter Turncoat';
	color:#fff;
  line-height:.9em;
  text-shadow:0 6px 3px #000;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:Monaco,monospace;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
  line-height:1em;
}
h1 {
	font-family: Hulkbusters;
	font-size:4em; /* 22px */
	color:#158202;
	text-shadow: 0 11px 10px #000;
}
h2 {
	font-size:1.5em; /* 20px */
}
h3 {
	font-size:1.5em;    /* 18px */
}
h4 {
	font-size:1.3333em; /* 16px */
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}
a {
	color:#00f;
}

/**
 * Default margins
 */
/* h1,h2,h3,h4,h5,h6 {
	margin-top:1em;
} */
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match the font size */
}

/**
 * Hide invisible elements
 */
.invisible {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}