@font-face {
  font-family: "SweetSans";
  src: url("../fonts/SweetSansPro-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "SweetSans";
  src: url("../fonts/SweetSansPro-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaPT-Heavy.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaPT-Medium.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaPT-Book.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaPT-Light.otf");
  font-weight: 100;
}

body { 
	margin: 0;
	overflow-x:hidden;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 11px;
	font-style: italic;
	color:#000;
}

.hidden{
	display: none;
}

#clickie{
	cursor: pointer;
}
.wide img{
	max-height:5760px !important;
}

canvas { 
	width: 100%; 
	height: 100%;
	margin: auto auto;
	display: block;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:-999;
}
.header-container{
	width:100%;
	text-align: center;
	margin-top:50px !important;
	margin-bottom:25px;
	font-style: italic;
    line-height:1.5em;
}

.header-container a, .nav-container a{
	color: #000;
	text-decoration: none;
}
.header-container a:hover, .nav-container a:hover{
	color: #000 !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

.nav-container{
	padding:0;
	margin:0;
}
.navigation{
	font-style: italic;
	list-style:none;
	display:flex;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
	align-items:center;
	height:50px;
}

.touch{
	height:100%!important;
	font-family: cursive;
	font-size:60px;
	font-style: none!important;
}
.navigation ul{
	list-style:none;
	padding:0px;
}
.navigation li{
	display: inline-block;
}

.footer{
	font-style: italic;
    height:50px;
    width:100%;
	display: flex;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto auto;
    align-items: center;
    justify-content: center;
}
.footer-2{
	font-style: italic;
    height:50px;
    width:100%;
	display: flex;
	position: relative;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto auto;
    align-items: center;
    justify-content: center;
}

.footer ul, .footer-2 ul{
	display: inline-block;
	list-style:none;
    padding-inline-start: 0px !important;
    text-align:center !important;
}
.footer li, .footer-2 li{
	display: inline-block;
}
.white{
	color:#ffffff;
}
.grey{
	color:#999;
}
.grey2{
	color:#ddd;
}
.about{
	line-height:2.0;
}
.contact{
	line-height: 2.0;
}
a.page.now {
    font-weight: bold;
}

a{
	color: #e00700;
}