/*
    A couple of classes for our website.
*/

@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,700);

/* Bootstrap Overrides */
@media(min-width: 1300px) {
    .container {
        width: 1280px;
    }
}

/*
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
*/


/* Custom stuff */
body {
    color: #E94E1B;
    background: white;
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-size: 25px;
}

@media (max-width:400px) {
    body {
        font-size: 20px;
    }
}

.container {
    padding-top: 100px;
    padding-bottom: 100px;
}

h1, h2 {
    display: inline-block;
}

.intro span {
    color: white;
    background: #E94E1B;
}

.intro img {
    max-width: 100%;
    height: auto;
}

.content-box li {
    margin-top: 2px;
    list-style-position: inside;
    padding-left: 10px;
}

.content-box ul {
    padding-left: 0;
}

.content-box {
    box-shadow: inset 0 5px 5px #141C23;
}


.content-box:nth-child(2n) {
    background: #2B333D;
    color: #C5D0DE;
}

.content-box:nth-child(2n) h1, .content-box:nth-child(2n) h2 {
    background: #C5D0DE;
    color: #2C3E50;
}

.content-box:nth-child(2n+1) {
    background: #1D4F73;
    color: white;
}

.content-box:nth-child(2n+1) h2, .content-box:nth-child(2n+1) h1 {
    color: #1D4F73;
    background: #49ABD1;
}

.work .row>a, .work .row>img {
	margin-bottom: 30px;
}

.work img {
    max-width: 100%;
}

footer.content-box.footer {
    background: #C2D3DD;
    color: #08749f;
}

footer.content-box.footer h1 {
    color: #C2D3DD;
    background: #08749f;
}

footer a {
    color: #E94E1B;
}