.navbar-nav > li > a {
        padding-top: 18px;
        padding-right: 19px;

    }

    #page-content {
        opacity: 0;
    }

    .carousel {
        height: 300px;
        margin-bottom:  60px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  #ffffff 35%, #9e9e9e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(35%,#ffffff), color-stop(100%,#9e9e9e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  #ffffff 35%,#9e9e9e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  #ffffff 35%,#9e9e9e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  #ffffff 35%,#9e9e9e 100%); /* IE10+ */
        background: linear-gradient(135deg,  #ffffff 35%,#9e9e9e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9e9e9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    .carousel-inner .item {
        height: 300px;
    }

    .carousel-control.left,.carousel-control.right{
        background-image: none;
    }

    .carousel-inner > .item > img {
        position: absolute;
        top:  0;
        left:  0;
        min-width: 100%;
        min-height: 100%;
    }

    .carousel-caption {
        height:  200px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    }

    .navbar-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 50;
    }
    .navbar {
      margin-top: 20px;
    }

    .navbar-wrapper .container {
      padding-left: 0;
      padding-right: 0;
    }
    .navbar-wrapper .navbar {
      padding-left: 15px;
      padding-right: 15px;
    }