@font-face {
 font-family: Kravitz;
 src: url("../fonts/kravitz.eot") /* EOT file for IE */
}
@font-face {
 font-family: Kravitz;
 src: url("../fonts/kravitz.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: KravitzTherm;
 src: url("../fonts/kravitz_therm.eot") /* EOT file for IE */
}
@font-face {
 font-family: KravitzTherm;
 src: url("../fonts/kravitz_therm.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: KravitzExtraTherm;
 src: url("../fonts/kravitz_extratherm.eot") /* EOT file for IE */
}
@font-face {
 font-family: KravitzExtraTherm;
 src: url("../fonts/kravitz_extratherm.ttf") /* TTF file for CSS3 browsers */
}


html {
  height: 100%;
}
body {
  background: #000;
  text-align: center;
  min-height: 100%;
  /* 
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
 */
}

.boxer{
	position: absolute;
	text-align: center;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 35%;
	height:20%;
	right: 0;
	left: 0;
}
.mainlogo {
  font-size: 90px;
  	font-family: 'Kravitz', sans-serif;
	/* font-size: 7.5vw; */
	font-weight: 300;
	padding: 3%;
}

.mainlogo{font-size:320%;} 
@media(min-width:60em){html{font-size: 110%}}

.linear-wipe {
  text-align: center;
  background: -webkit-linear-gradient(left, #b10800, #ac015a, #680ae5, #056dae, #009b28, #e0f306, #ef7c0c, #b10800);
  background: linear-gradient(to right, #b10800, #ac015a, #680ae5, #056dae, #009b28, #e0f306, #ef7c0c, #b10800);
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 15s linear infinite;
          animation: shine 15s linear infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}



.gradbg {
  text-align: center;
  height:16px;
  background: -webkit-linear-gradient(left, #b10800, #ac015a, #680ae5, #056dae, #009b28, #e0f306, #ef7c0c, #b10800);
  background: linear-gradient(to right, #b10800, #ac015a, #680ae5, #056dae, #009b28, #e0f306, #ef7c0c, #b10800);
  background-size: 200% auto;
  color: #000;
  background-clip: content-box;
  text-fill-color: transparent;
  -webkit-background-clip: content-box;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 15s linear infinite;
          animation: shine 15s linear infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

 .dots {
	background-color: transparent;
    background-image: url("../images/dots.png");
    background-repeat: repeat-x;
    width:100%;
    height: 24px;
    z-index: 100;
    position: absolute;
	right: 0;
	left: 0;
}

.footer {
  color:#aaa;
  position: absolute;
  height:100px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #transparent;
  text-align: center;
  font: 500 14px "Century Gothic", Helvetica, Verdana, sans-serif;
  line-height:30px;
  /* font-size: 1.0vw;  */
}


.info{font-size:120%;} 
@media(min-width:60em){html{font-size: 140%}}

a.info { text-decoration: none; }
.info a:link { text-decoration: none; }
.info a:hover { color:#f00; text-decoration: none; background-color:#fff; }
/*
.info{
	font-size: 3.0vw; 
}*/


#footlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 50px;
	text-decoration: none;
	font: 500 11px "Century Gothic", Helvetica, Verdana, sans-serif;
	color: #aaa;
}
#footlist li a:link, a:visited
{
	display: inline;
	list-style-type: none;
	padding-right: 50px;
	text-decoration: none;
	font: 500 11px "Century Gothic", Helvetica, Verdana, sans-serif;
	color: #aaa;
}

#footlist li a:hover
{
	display: inline;
	list-style-type: none;
	padding-right: 50px;
	text-decoration: none;
	font: 500 11px "Century Gothic", Helvetica, Verdana, sans-serif;
	color: #fff;
}

