/*-----------------------------------------------------
# General Styles
------------------------------------------------------*/
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

html {
	position: relative;
	min-height: 100%;
	
}
body {
	margin-bottom: 60px; /* Margin bottom by footer height */
	background-color:#d0d1ff;
	
	font-family: alternate-gothic-no-3-d, sans-serif;
	font-style: normal;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	line-height: 4rem;
	letter-spacing:.03rem;
    color: #191c1b;
	text-transform:uppercase;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	
	

}

/*-----------------------------------------------------
# Hero
------------------------------------------------------*/

.hero {

    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);	
}

#hero_container{
    width: 100%;
	
	
}

img{
    width: 100%;
	
}



/*
.h2{
  font-size: 4vw;
  line-height: 2.5rem;
  padding-top:.2em;
}
*/

@media screen and (min-width: 601px) {
	.h2{
	  font-size: 2.75em;
	  line-height: 2.5rem;
	  padding-top:.2em;
	}
}

@media screen and (max-width: 600px) {
	.h2{
	  font-size: 1.25em;
      line-height: 0rem;
	  padding-top:0em;
	}
}

  

/*-----------------------------------------------------
# Canvas
------------------------------------------------------*/

canvas {
	width:100%;

	/*
	position: fixed;
	width:60%;
	height:auto;
	object-fit:contain;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%) scale(1.1);-webkit-transform: translate(-50%,-50%) scale(1.1);;-ms-transform: translate(-50%,-50%) scale(1.1);;
*/
	}



/*-----------------------------------------------------
# Links
------------------------------------------------------*/
a {
	text-decoration: none;
    color: #191c1b;
}
a:focus,
a:hover {
  /*color: #191c1b;*/
  color: #FFF;
 
  text-decoration:none;
}


.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
	width: auto;
	max-width: 680px;
	padding: 0 15px;
}