html {
	font-weight: 200;
}

section { overflow: hidden; }
::selection { background:#17b0af; color: #fff; }
::-moz-selection { background:#17b0af; color: #fff; }

.blur-filter {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}
h1, h2, h3, h4{
	font-family:"futura-pt",sans-serif;
	letter-spacing:3px;
	font-weight:800;
}
h1{
	font-size:40px;
	line-height:42px;
	letter-spacing:3px;
	text-transform:uppercase;
}
h2{
	font-size:30px;
	margin-top:16px;
	letter-spacing:2px;
}
h3{
	font-size:14px;
	margin-top:16px;
	letter-spacing:2px;
}
.info a{
	text-decoration:none;
	font-family: "futura-pt",sans-serif;
	color:#fff;	
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
	font-weight:bold;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	cursor:pointer;
	border:1px solid rgba(255,255,255,0.2);
	padding:16px;
	border-radius:100px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
}
.info a:hover{
	text-decoration:none;
	color: #272C3A;
	cursor:pointer;
	background-color:#fff;
	box-shadow:0px 0px 25px rgba(000,000,000,0.6);
}
.info h3{
	margin:0 auto;
	width:430px;
	padding-top:50px;
	padding-bottom:20px;
}
.clear {
    clear: both;
}
body {
	border:0;
	margin:0;
	padding:0;
	background-color:#272C3A;
	color:#fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', sans-serif;
}
.info {
	margin:0 auto;
	max-width:600px;
	padding:20px;
	margin-top:100px;
	text-align:center;
}
.info p{
	color:rgba(255,255,255,0.6);
}
.info h1{
	font-size:40px;
}
.logo {
	width:100%;
	height:70px;
	background-image:url(../static/img/c8logowhite.png);
	background-repeat:no-repeat;
	background-size:auto 100% ;
	background-position: 20px center;
	margin:0 auto;
	background-size:250px 30px;
	border-bottom:rgba(255,255,255,0.2) 1px solid;
	top:0;
	background-color:rgba(39,44,58,0.8);
	position:fixed;
}
.logo a{
	float:right;
	text-decoration:none;
	font-family: "futura-pt",sans-serif;
	color:#fff;	
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
	font-weight:bold;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	cursor:pointer;
	padding:16px;
	margin-top:10px;
	margin-bottom:10px;
	display:inline-block;
	opacity:0.5;
}
.logo a:hover{
	opacity:1;
	
}
.investments {
	margin:0 auto;
	max-width:600px;
	padding:20px;
	margin-top:0px;
	text-align:center;
	padding-bottom:100px;
}
.investments h2{
	font-size:18px;
	padding-bottom:20px;
}
.investments li{
	display:inline-block;
	list-style:none;
	height:25px;
	margin-left:10px;
	margin-right:10px;
	opacity:0.3;
	padding-bottom:15px;
}
.bottom {
	text-align:center;
	width:100%;
	bottom:0;
	background-color:rgba(39,44,58,0.8);
	border-top:rgba(255,255,255,0.2) 1px solid;
}
.bottom p{
	font-size:13px;
	padding:10px;
	padding-top:15px;
	opacity:0.5;
}
 
 


/* =Responsive Styles
-------------------------------------------------------------- */

@media screen and (max-width: 900px), (max-device-width: 900px) {

}



@media screen and (max-width: 800px), (max-device-width: 800px) {



}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */




}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */



}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}





	

@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-moz-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-ms-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}