.container-fluid{
position: relative;
width: 100%;
height: 100%;
margin: 0%;
overflow-x: hidden;
}




.jumbotron{
  position: relative;
  width: 100%;
  height: 30.000em;
  background-image: url("interface.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.intro{
  background: rgb(240, 255, 255); /* Fallback color */
    background: rgba(102, 255, 204, 0.2 ); /* Black background with 0.5 opacity */
}

.about{
  position: relative;
}

.projects{
  position: relative;
  width: 100%;
  height: auto;
  background-image: url("nebo.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.workwithme{
  position: relative;
  width: 100%;
  height: auto;
  background-image: url("work.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


body{
  overflow-x: hidden;
}






.button {

  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-right: 30px;
  padding-left: 70px;
  position: relative;
  background-color:rgb(0,0,0);
  color:rgb(255,255,255);
  text-decoration: none;
  text-transform: none;
  margin-bottom: 14px;
  text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}

.button:hover{
  text-decoration: none;
  color: #fff;
  text-shadow: none;
}

.button p{font-size: 18px;}
.button span {
  position: absolute;
  left: 0;
  width: 50px;
  font-size:30px;
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
    text-decoration: none;
}

.button.twitter {
  background: #00acee;
}

.button.facebook {
 background: #3b5998;
}


.button.linkedin {
  background: #0e76a8;
}


.button.github{
  background: #171515;
}


.button.instagram{
  background: #3f729b;
}