section#header{
  background-color: #fafafa;
}



section#navigation{
  background-color: #fafafa;
  .navigation{

    ul.list-inline a{
      display: inline-block;
      padding: 10px 20px;
      color: #e1a11b;
      &:hover{
        text-decoration: none;
        background-color: #e1a11b;
        color: white;
      }
    }


  }
}

section#main{
  background: url("../img/bg/bg.jpg") no-repeat center center;
  background-size: cover;
  //background-color: #fafafa;
  h4{
    color: white;
  }
  span{
    color: #e1a11b;
  }
  .buttons{
    margin-top: 200px;
    margin-bottom: 100px;

  }
  button{
    margin-left: 10px;
    padding: 5px 10px;
    background-color: #e1a11b;
    color: white;
    border:  3px  solid #e1a11b;
    &:hover{
      border: 3px solid #e1a11b;
      background-color: white;
      color: #e1a11b;
    }

  }
}
  //background-color: #fafafa;
section#works{
  background-color: #fafafa;
  .row{
    margin-top: 20px;
  }
  .card{
    box-shadow: 0 0 7px rgba(0, 0 , 0 , 0.3);
    background-color: white;
    padding: 10px;
    &:hover{
      box-shadow: 0 0 15px rgba(0, 0 , 0 , 0.5);
    }
    button{
      padding: 5px 10px;
      background-color: #e1a11b;
      color: white;
      border:  3px  solid #e1a11b;
      &:hover{
        border: 3px solid #e1a11b;
        background-color: white;
        color: #e1a11b;
      }

    }
  }
}