@charset "UTF-8";
html{

		font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

	}
	
::selection {
  background: black; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: black; /* Gecko Browsers */
}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {



/* Desktop Layout: 769px to a max of 1280px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {




::selection {
  background: black; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: transparent; 
  color:white;/* Gecko Browsers */
}

html{

		font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

	}

.highlight-1{
	font-size:37px;
	padding-left:2%;
	line-height:39px;
		color:black;
		z-index:20000;}

a { 
	text-decoration:underline;
	color:green;
} 
p { 
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color:#000;
	font-size:18px;
	line-height:26px;
	letter-spacing: 0.02em;
	font-weight:400;
	word-spacing:0;
}
h1 {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:13px;
	line-height:130%;
	font-weight:100;
	letter-spacing: 3px;
	  color: black;
	    text-shadow:none;
  
	transform: rotate(0deg);
		z-index:100000;
	text-transform:none;
	  padding-left: 2%;


}
strong {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:42px;
	line-height:66%;
	font-weight:400;
	letter-spacing: 3px;
	  color: transparent;
	    text-shadow:  1px  1px 1px white,
                  1px -1px 1px black,
                 -1px  1px 1px black,
                 -1px -1px 1px black;
  
	transform: rotate(0deg);
		z-index:100000;
	text-transform:uppercase;
	  padding-left: 0%;


}

h3 {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:15px;
	font-weight:100;
	letter-spacing: 2px;
	  color: white;
	
  
	transform: rotate(0deg);
		z-index:100000;
	text-transform:none;
	padding-left:2%;
		padding-top:1%;

}






#content {

	width:100%;
    padding: 0px;
		z-index:20;



}

.inner-box {
    background-color:white;
	margin:0;


}


.inner-box .col {
    background-color:white;
    display:block;
    float:left;
    padding:0px;
    width:20%;
	z-index:1000;

}






html {
  height: 100%;
  overflow: hidden;
  		background-color:black;

}

body { 
  margin:0;
  padding:0;
	perspective: 1px;
	transform-style: preserve-3d;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  font-family: helvetica neue;
  		background-color:black;


}



p {
  font-size: 22px;
  line-height: 30px;
  color: black;
    padding-right: 2%;
	font-weight:500;
	  padding-left: 2%;


}


.slide {
  position: relative;
  padding: 0vh 0%;
	min-height: 100vh;
  width: 100vw;
  box-sizing: border-box;
  box-shadow: -0px -0px 0px -0px rgba(0, 0, 0, .7);
	transform-style: inherit;


}

img {
  position: absolute;
  top: 0;
  width: 45%;
  height: auto;

  border-radius: 0px;
  box-shadow: 0 0 0px rgba(0, 0, 0, .7);
    background:transparent;

}
.left{
	margin-left:0%;
	width:50%;
	}
	
	.right{
	margin-left:50%;
	width:50%;
	background-color:#CFF;
	}


.slide:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right:0;

}

.title {
  width: 50%;
  padding-left: 0%;

    background: rgba(255,250,250, 1);

  box-shadow: 80 80 80px rgba(255,255,255, .7);
  margin-top:0%;
  padding-top:1px;




}

.slide:nth-child(2n) .title {
  margin-left: 0;
  margin-right: auto;

}

.slide:nth-child(2n+1) .title {
  margin-left: auto;
  margin-right: 0;
  		

}

.slide, .slide:before {
  background: 50% 50% / cover;


}

.header {
  text-align: left;
  font-size: 30px;
  color: transparent;
  text-shadow: 3px 3px 3px #000;

}


#title {
   background-attachment: fixed;  
	    	background-image:url(images/gogo-Logo-1.svg);
			z-index:0;
			margin-top:0%;
			margin-left:0%;
			width:100%;
			padding-bottom:0%;



}

#slide1:before {

  transform: translateZ(-1px) scale(0);
  z-index:-1;






}

#slide2 {
  background-attachment: fixed;
  	background-image:url(images/gogo-Logo-4.1.svg);
		background-color:#03F;




}

#slide3:before {
  transform: translateZ(-1px) scale(0);
  z-index:1;
  	  	background-image:url(images/go-go-blk.svg);

	
}

#slide4 {
	padding-left:30px;
	font-size:80px;
	color:green;
	background-color:white;
	  	background-image:url(images/go-go-blk.svg);
		 text-shadow:  none;
		 			z-index:0;


}

#footer {
	padding-left:30px;
	font-size:20px;
	color:green;
	background-color:black;
		 text-shadow:  none;
		 text-align:left;
		 	margin-top:0;


}