body { overflow-x: hidden; margin: 0; }

@font-face {
	font-family: 'neuropol';
	src: url('neuropol.ttf');
}
@font-face {
	font-family: 'futura-book';
	src: url('FuturaBookRegular.otf');
}

a { color: #00ff00; }

/* Starfield
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#starfield {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /*background: url(images/bg-bottom.png); /* no-repeat 50% 50%; */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  z-index: -1;
}
#starfield .layer {
  padding: 0;
  margin: 0;
  width: 120%;
  height: 100%;
  position: relative;
  left: -10% !important;
}
#starfield .bg-1 {
  /*background: url(images/bg-middle.png); /* no-repeat 50% 0;*/
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% 912px;
}
#starfield .bg-2 {
  /*background: url(images/bg-starfield.png); /* no-repeat 50% 50%;*/
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header { color: #00ff00; font-size: 30px; text-align: center; font-family: 'futura-book'; padding: 40px; }
.logo { width: 100%; margin: 0 auto; }
.logo img { width: 100%; }


/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content { position: relative; text-align: center; }
.content-inner { width: 30%; margin: 200px auto; display: inline-block; }

.top-text { font-size: 22px; color: #fff; font-family: 'neuropol'; margin-bottom: 40px; }
.link-container { position: relative; display: inline-block; }
.hover-link { position: relative; width: 50%; float :left; }
.img-link { position: relative; }
.img-link-hover { position: absolute; top: 0; left: 0; width: inherit; }
.hover-link img, .footer img {  
	 -o-transition: opacity 1s ease-out;
	 -moz-transition: opacity 1s ease-out;
	 -webkit-transition: opacity 1s ease-out;
	 transition: opacity 1s ease-out;
}
img { width: 100%; }
/*.img-link:hover { animation-duration: 1s; animation-name: fadeout; animation-iteration-count: 1; }*/
.mobile-img {  }
.desktop-img {  }


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer { width: 100%; background: #000; /*position: absolute;*/ bottom: 0; display: table; color: #fff; opacity: 0.8; font-size: 30px; }
.footer-inner { max-width: 50%; margin: 0 auto; position: relative; }
.footer-logo { margin-top: -60px; }
.footer-blurb { color: green; }
.footer-row { width: 100%; text-align: center; margin-bottom: 14px; position: relative; }
.footer-row-inner { width: 100%; display: inline-block; position: relative; }
.social-icons { width: 34%; margin: 0 auto; }
.social-hover-link { position: relative; float: left; width: 20%; margin: 0 2%; }
.social-hover-link-inner { /*width: 65%;*/ }
.support-column-1, .support-column-3 { width: 20%; }
.support-column-1 { float: left; }
.support-column-2 { width: 60%; float: left; padding-top: 20px; }
.support-column-3 { float: left; }
.support-hover-link { position: relative; width: 100%; }
.support-hover-link-inner {  }



/* Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@keyframes fadeout {
	from { opacity: 1; }
	to { opacity: 0; }
}


/* Media queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 768px) and (max-width: 991px) {
	.logo { width: 70%; }
	.content-inner { width: 80%; }
	.hover-link, .img-link-hover { width: 100%; }
	.social-icons { width: 55%; }
	.footer { font-family: helvetica; }
}

@media (min-width: 644px) and (max-width: 767px) {
	.logo { width: 70%; }
	.content-inner { width: 80%; }
	.hover-link, .img-link-hover { width: 100%; }
	.social-icons { width: 55%; }
	.footer { font-family: helvetica; }
}

@media (max-width: 643px) {
	.logo { width: 70%; }
	.content-inner { width: 80%; }
	.hover-link, .img-link-hover { width: 100%; }	
	.social-icons { width: 55%; }
	.footer { font-family: helvetica; }
}