/* begin design for 1280 x 1024, bigger, and smaller */

/* Initials */
body {
  color: #fff;
  overflow-x: hidden;
  font-size:calc(12px + 1.3vw);
  text-align: center;
  padding: 0;
  animation-name: fadez;
  animation-duration: 1s;
  animation-iteration-count: 1;
  background-color: #000;
}

div {
	margin: 0;
	padding: 0;
	position: relative;
}

a {
	color: #FFF;
}

a:hover {
	color: #DDD;
	text-shadow: 1px 1px 3px #000;
}

span.ital {
	font-style: italic;
}

nav.navbar {
	display: none;
}

h2 {
	position: fixed;
	top: 0;
	right: 0;
	color: #565656;
	font-size:calc(11px + 1vw);
}


/* Specific Divs*/
section {
	z-index: 0;
	text-align: left;
	padding-bottom: 5vw;
	text-shadow: 2px 2px 5px #000;
}

div.transparent, div.image img {
	position: fixed;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100vw;
	height: 100vh;
	min-width: 800px!important;
	min-height: 800px!important;
}

div.contact {
	margin-left: 2vw;
}

div.transparent {
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.8);
}

div.undercon {
	background-color: rgba(30, 80, 120, 0.8);
	padding: 1vw;
	color: #fff;
}

div.undercon img.email {
	filter: invert(100%);
	width:calc(20px + 2vw);
	margin-left: 2vw;
	margin-right: 1vw;
}

div.undercon img.phone {
	width:calc(30px + 3vw);
	margin-right: -0.8vw;
}

div.undercon a{
	margin-right: 2vw;
}

div.magic {
	width: 500vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	animation-name: super, fadez2;
	animation-duration: 50s, 50s;
	animation-iteration-count: infinite, infinite;
	z-index: -2;
}

div.magic img {
	width: 100vw;
	height: 100vw;
	min-width: 800px!important;
	min-height: 800px!important;
}

div.m1, div.m2, div.m3, div.m4, div.m5 {
	width: 100vw;
	height: 100vh;
	float: left;
}

div.partners {
	width: 100vw;
	text-align: center;
	margin: 0;
	padding: 10px 10px 26px 10px;
	background-color: rgba(255, 255, 255, 0.7);
}

/* Other Specs */

p.nx {
	margin: 0 0 0 .5vw;
	padding: 0;
}

p.first {
	margin: 20px 0 0 .5vw;
	padding: 0;
}

div.partners p.nx {
	text-decoration:underline;
	color: #258;
	font-weight:bold;
}

h1.mt-5{
	font-size:calc(20px + 4.5vw);
}

h2.uc {
	font-size:calc(14px + 1.5vw);
}

ul.partnerlogos {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.partnerlogos li, ul.partnerlogos img {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.partnerlogos img {
	max-height: 70px;
	max-width: 200px;
	padding: 0 14px 0 14px;
}

/* Animations */
@keyframes super {
	0% {left: 0;}
	19% {left: 0;}
	20% {left: -100vw;}
	39% {left: -100vw;}
	40% {left: -200vw;}
	59% {left: -200vw;}
	60% {left: -300vw;}
	79% {left: -300vw;}
	80% {left: -400vw;}
	99% {left: -400vw;}
}

@keyframes fadez {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadez2 {
	0% {opacity: 0;}
	4% {opacity: 1;}
	16% {opacity: 1;}
	20% {opacity: 0;}
	
	24% {opactiy: 0;}
	28% {opacity: 1;}
	36% {opacity: 1;}
	40% {opacity: 0;}
	
	44% {opactiy: 0;}
	48% {opacity: 1;}
	56% {opacity: 1;}
	60% {opacity: 0;}
	
	64% {opactiy: 0;}
	68% {opacity: 1;}
	76% {opacity: 1;}
	80% {opacity: 0;}
	
	84% {opactiy: 0;}
	88% {opacity: 1;}
	96% {opacity: 1;}
	100% {opacity: 0;}
}