body {
    background: url(../img/bg.jpg) center -100px no-repeat #000;
    background-size: cover;
    color: #fff;
    font-weight: 100;
    letter-spacing: 1px
}

a {
    color: #fff;
    text-decoration: none
}

a:hover {
    color: #589a43;
    text-decoration: none
}

.container {
    padding: 0 30px
}

.logo {
    margin: 40px 0;
    width: 230px
}

.about h2 {
    color: #f8cc10;
    font-size: 1em;
    font-weight: 100;
    border-bottom: 1px solid #538a51;
    padding-left: 10px
}

ul {
    display: inline-block;
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0 0 0 10px;
    vertical-align: top
}

@media (min-width:768px) {
    .logo {
        margin: 120px 0 0;
        width: auto
    }

    .about {
        position: fixed;
        bottom: 40px;
        width: 100%
    }

    .no-gutter [class*=col-] {
        padding: 0
    }
}