/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 2, 2014, 11:54:01 PM
    Author     : Jul
*/
html,
body{
    font-family: 'Roboto';
    font-size: 67.5%;
}
body{
    
}
#section1{
    border:1em solid white;
    
}
#dev-section > div{
    background-image: url(/assets/images/main-section1.jpg);
    background-repeat: no-repeat;
	background-position: center top;
    //background-size: cover;
    //-webkit-background-size: cover;
    //-moz-background-size: cover;
}
#photo-section > div{
    background-image: url(/assets/images/seo.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
.parallax{
    position: relative;
    overflow: hidden;
    z-index: 1 !important;
}
.parallax > div{
    position: relative;
    height: 200%;
}
.scrollIcon{
    font-size:7em;
    position: fixed;
    width:55px;
    height:40px;
    bottom:20px;
    left:0;
    right:0;
    margin: auto auto 40px;
    z-index:1;
    animation: animateScrollIcon 1.5s infinite;
    animation-delay: 2s;
    -moz-animation: animateScrollIcon 1.5s infinite;
    -moz-animation-delay: 2s;
    -webkit-animation: animateScrollIcon 1.5s infinite;
    -webkit-animation-delay: 2s;
    -o-animation: animateScrollIcon 1.5s infinite;
    -o-animation-delay: 2s;
    -ms-animation: animateScrollIcon 1.5s infinite;
    -ms-animation-delay: 2s;
}
.trigger{
    height:0px;
}
.jumbotron{
    margin-bottom:0px !important;
}

.jumbotron p{
	font-weight:400;
}

.links{
    display:block;
    text-decoration: none !important;
    color: black;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
.text-blocker{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
}

/*
* HELPER CLASSES
*/

.valign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.white-text{
    color: white;
}

.white-bg{
    background: white;
}

.black-bg{
    background: #424242;
}

.lightgrey-bg{
    background: #fefefe;
}


/*

Media queries for fonts

*/

@media(max-width:767px){
    .glyphicon{
        height:120px;
        width:120px;
        font-size:120px;
    }
    #photo-section > div{
        background-position: center;
    }
}
@media(min-width:768px){
    .glyphicon{
        height:150px;
        width:150px;
        font-size:150px;
    }
    #photo-section > div{
        background-position: -50%;
    }
}
@media(min-width:992px){
    .glyphicon{
        height:170px;
        width:170px;
        font-size:170px;
    }
    #photo-section > div{
        background-position: -50%;
    }
}
@media(min-width:1200px){
    .glyphicon{
        height:200px;
        width:200px;
        font-size:200px;
    }
    #photo-section > div{
        background-position: -50%;
    }
}

@keyframes animateScrollIcon{
    0%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    50%{
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}