@charset "utf-8";
/* CSS Document */

html,body{
 font-family: 'BebasRegular';
   width:100%;
   height:100%;

}

p{
   text-indent:2em;
}
.display-2{
   padding-left:20%;
}

.text-container {
   padding-left: 20%;
   width=90%;
}

.text-container {
   width: 80%;
}


.center {
    margin: auto;
    width: 70%;
    padding:20px;
}

.navigation{
   position:fixed;
   z-index:1;
   top:20px;
   color:white;
}
	
.navigation li{
   color:#333333;
   display:block;
   padding: 0 10px;
   line-height:30px;
   margin-bottom:2px;
   font-weight:normal;
   -webkit-transition: all .2s ease-in-out;
   border-bottom:1px solid black;
   text-align:left;
   width:120px;
   font-size:30px;
}

.navigation li:hover,.active{
   font-size:30px;
   cursor:pointer;
   width:100px!important;
   font-weight:bold;
}

.envatologo{
   position:fixed;
   top:50%;
   left:50%;
   width:446px;
   margin-top:-41px;
   margin-left:-223px;
   z-index:1;
}

.slide{
   background-attachment: fixed;
   width:100%;
   height:100%;
   position: relative;
   box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}

.wrapper{
   width:960px;
   height:200px;
   margin:0 auto;
   position:relative;
}

.slideno{
   position:absolute;
   bottom:0px;
   left:0px;
   font-size:100px;
   font-weight:bold;
   color:rgba(255,255,255,0.3);
}

.button{
   display:block;
   width:25px;
   height:25px;
   position:absolute;
   bottom:0px;
   left:50%;
   background-color:#333333;
   background-image:url(../images/arrow.png);
}

.button:hover{
   background-color:#494949;
   cursor:pointer;
}

#resume-pdf{
   width=80%;
   padding-left:20%;
   padding-right:20%;
   height:90%;
}

.skill {
    border: 2px solid #50a9d1;
    margin-right: 10px;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    font-size: 10px;
    line-height: 1.33333em;
    padding: 4px 8px;
    margin-top: 0.8em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

#slide1{
   background-image:url("../images/background1.jpg")
   
}

#slide2{
   background-image:url("../images/campus3.jpg")
   
}

#slide3{
   background-image:url("../images/background3.jpg")
}

#slide4{
   background-image:url("../images/background4.jpg")
}

#slide5{
   background-image:url("../images/background5.jpg")
}