.navbar-brand {
    background-image: url('../img/agira-logo.png');
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 306px;
    height: 100px;
}
@media only screen and (min-width: 768px) {}@media only screen and (min-width: 1170px) {
    .navbar-brand {
        width: 306px;
        height: 100px;
    }
    .navbar-custom.is-fixed {
        /* when the user scrolls down, we hide the header right above the viewport */
        position: fixed;
        top: -67px;
        background-color: rgba(0, 0, 0, 0.8);
        border-bottom: 0px;
    }
    .navbar-custom.is-fixed .nav li a {
        color: #FFF;
    }
    .navbar-custom.is-fixed .nav li a:hover,
    .navbar-custom.is-fixed .nav li a:focus {
        color: #D67812;
    }
}
.is-fixed .navbar-brand {
    width: 204px;
    height: 66px;
}
@media only screen and (max-width: 868px) {
    .navbar-brand {
        width: 204px;
        height: 66px;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-default {
        background-color: rgba(0, 0, 0, 0.9);
    }
    .navbar-default .navbar-nav>li>a {
        color: #FFF;
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color: #D67812;
    }
}
h2 {
    color: #D67812;
    font-size: 44px;
}
h3 {
    line-height: 160%;
}
body {
    font-family: sans-serif;
    font-size: 16px;
}
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
    padding: 100px 0 50px;
    color: white;
}
@media only screen and (min-width: 768px) {
    .intro-header .site-heading,
    .intro-header .post-heading,
    .intro-header .page-heading {
        padding: 100px 0;
    }
}
.intro-header .site-heading,
.intro-header .page-heading {
    text-align: center;
}
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
    margin-top: 0;
    font-size: 40px;
}
@media only screen and (min-width: 768px) {
    .intro-header .site-heading h1,
    .intro-header .page-heading h1 {
        font-size: 60px;
    }
}
@media only screen and (min-width: 768px) {
    .intro-header .post-heading h1 {
        font-size: 45px;
    }
}
.glyphicon-lg {
    font-size: 3em
}
.blockquote-box p {
    margin: 0px;
}
.blockquote-box .square {
    width: 100px;
    min-height: 50px;
    margin-right: 22px;
    margin-bottom: 10px;
    text-align: center!important;
    background-color: #E6E6E6;
    padding: 20px 0
}
.blockquote-box.blockquote-primary {
    border-color: #357EBD
}
.blockquote-box.blockquote-primary .square {
    background-color: #428BCA;
    color: #FFF
}
.blockquote-box.blockquote-success {
    border-color: #4CAE4C
}
.blockquote-box.blockquote-success .square {
    background-color: #5CB85C;
    color: #FFF
}
.blockquote-box.blockquote-info {
    border-color: #46B8DA
}
.blockquote-box.blockquote-info .square {
    background-color: #5BC0DE;
    color: #FFF
}
.blockquote-box.blockquote-warning {
    border-color: #EEA236
}
.blockquote-box.blockquote-warning .square {
    background-color: #F0AD4E;
    color: #FFF
}
.blockquote-box.blockquote-danger {
    border-color: #D43F3A
}
.blockquote-box.blockquote-danger .square {
    background-color: #D9534F;
    color: #FFF
}
footer {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 0 30px 0;
    margin-top: 30px;
}