html,body{
  height:100%;
}
body{
    background: #13171A url(bg.jpg) no-repeat;
    background-size:cover;
    text-align:center;
    color:#ddd;
    font-family: 'Advent Pro', sans-serif;
    font-size: 13px; 
 margin:0
}
.section{
min-height:60vh;
padding:10vw 0
}
.scrl{
  opacity:0.1;
  width:150px;
  cursor: s-resize
}
.scrl:hover{
  opacity:0.3
}
#section1{
 background:rgba(1,1,3,0.5)
}
img{max-width:100%;height:auto}
.col-6{
  width:50%;
  float:left
}
.col-6 ul{
  list-style:none;
  padding:0;
  overflow:auto;
  max-height:85vh
}
::-webkit-scrollbar { 
    display: none; 
}
.col-6 ul li{
  position:relative
}
.col-6 ul img{
  opacity: 0.6;
  width:400px
}
.col-6 ul img:hover{
  opacity: 1;
}
.col-6 ul p:not(:nth-child(1)){
 display:none
}
.col-6 ul p:nth-child(3){
 display:block;
 position:absolute;
 bottom:40%;
 width:400px;
 left:0;
 right:0;
 margin:0 auto;
 background:rgba(0,0,0,0.5);
 padding:15px 0;
 pointer-events:none
}
.fp-controlArrow{
  padding:0 20px;
  opacity:0.2;
  transition:all 0.2s
}
.fp-controlArrow:hover{
  padding:0 18px;
  opacity:0.8;
}
h1{
  background:url(http://i.imgur.com/tLlPDyl.png) top center no-repeat;
  background-size:300px;
  color:#ddd;
  font-weight:normal;
  padding: 200px 0 130px 0;
  font-size:70px;
  position:relative;
  width:590px;
  margin:0 auto;
  position:relative;
  z-index:9
}
h1 b{
 font-family: 'Lato';
font-weight:100;
  padding: 170px 0 0 0;
  font-size:180px;
  font-style:italic;
  line-height:10px;
  position:absolute;
  top:122px;
  left:100px;
  opacity:0.9}
  .social{
  position:relative;
  z-index:9}
.social, .social li{
    margin:0;
    display:inline;
    padding:0;
}
.social li a {
display: inline-block;
border:2px rgba(0,0,0,0) solid;
color: rgba(255,255,255,0.3);
border-radius: 45px;
text-decoration: none;
line-height: 50px;
width:50px;  
font-size: 28px;
margin:0 10px;
transition:all 0.2s
}
.social a:hover{
   border-color: currentColor;
     -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: currentColor;
}
.social a.tw:hover {
 color: #00acee;
}

.social a.fb:hover {
 color: #3b5998;
}

.social a.gt:hover {
 color: #25C264;
}

.social a.ct:hover {
   color: #ee8000;
}
.social a.gp:hover {
   color: #dd4b39;
}



.view {
  position: absolute;
  top: 42%;
  left: 50%;
  overflow: hidden;
  height: 600px;
  width: 600px;
  opacity:0.2;
}