html {width:100%;height:100%;overflow-x:hidden;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif;}
body {width:100%;height:100%;color:#fff;font-family:'Nunito Sans',sans-serif;font-variant-ligatures:common-ligatures;text-align:left;line-height:1.4;text-rendering:optimizeLegibility;}

.credits {position:absolute !important;bottom:0;right:0;}
.credits p { font-size:1rem;}

/*----------------------- Preloader -----------------------*/
body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {height: 100%;width: 100%;background: #221d62;position: fixed;top: 0;left: 0;z-index:999;}

.preloader-wrapper .preloader {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:200px;}

#canvas-gradient {position: absolute;display: block;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;}

a, a:active, a:visited {color:#fff;text-decoration:none;font-size:1.2rem;
	-o-transition:color .2s ease-out, background 1s ease-in;
  	-ms-transition:color .2s ease-out, background 1s ease-in;
  	-moz-transition:color .2s ease-out, background 1s ease-in;
  	-webkit-transition:color .2s ease-out, background 1s ease-in;
  	transition:color .2s ease-out, background 1s ease-in;
}
a:hover {color: rgba(255,255,255, .7);}

h1, h2 {padding: 0;}
h2 {display: none;}

main {position:relative;display:block;width:100% !important;height:100% !important;}

p {font-size:2rem;font-weight:200;margin: 0;padding: 1.2em 0 1.2em 0;}
ul {padding: 0;}
ul li {display: inline;font-size: 1.6rem;letter-spacing: .1;font-weight: 700;padding: 0 1em 0 0;}




/*

@media screen
and (min-width : 1700px) {
	p {font-size: 2.9em; padding-bottom: 3em;}
	section {width: 56em; height: 39em;}
	ul li {font-size: 1.8em; padding-left: 0; padding-right: .8em;}
}
@media screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	body {text-align: left; padding: 0;}
	p {font-size: 1.5em; padding-bottom: .2em; font-weight: 400;}
	section {margin: auto; width: 84%; height: 24em; padding: 0 8%;}
	ul li {font-size: 1.26em; padding-left: 0; padding-right: .8em;}
	h1 {display: none;}
	h2 {display: block;}
}

@media screen
and (device-width : 360px) {
	section {margin: auto; width: 88%; height: 24em; padding: 0 6%;}
}*/