@charset "utf-8";

.row {
    margin-left: -20px;
    margin-right: -20px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 20px;
    padding-right: 20px;
}

body {
    background-color: #f9f9f9;
    background-image: url(../img/bg.png);
    background-position: top center;
    background-attachment: fixed;
}

header {
    padding: 15px 0;
}

header .brand {
    display: block;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 187px 37px;
    text-indent: -999px;
    outline: 0;
    height: 37px;
    width: 187px;
    margin: 0 auto;
}
@media (min-width: 768px) {    
    header {
        padding: 25px 0;
    }
    header .brand {
        height: 49px;
        width: 250px;        
        background-size: 250px 49px;        
        margin: 0;
    }
}
.projects  {
    padding: 20px 0;    
}
.projects img {
    max-width: 100%;
    height:auto;
    border:0;
}

.project-highlight {
    margin-bottom: 40px;
    
}
.overlay {
    white-space: nowrap;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

h1, .h1 {
    margin: 0 0 20px;
}
h2, .h2 {
    margin: 0 0 20px;
}
p, li {
    font-size: 18px;
}


footer {
    background-image: url(../img/bg.png);
    background-position: top center;
    background-attachment: fixed;
    background-color: #252525;
    padding: 60px 0 500px;
    color: #FFF;
}
footer p.copy {
    margin-top: 10px;
    font-size: 13px;
}