body {
    background-color: #fff;
    color: #000;
    font-family: 'Open Sans', sans-serif, Arial;
}

#header {
    text-align: right;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 60px;
}

#header-center {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: steelblue;
    background-color: #ffffff;
}
.navbar-center {
    display: inline-block;
    float: none;
    margin-top: 10px;
}

.navbar .navbar-collapse {
  text-align: center;
}

#main-page {
    min-height: 750px;
    text-align: center;
    background: #ffffff;
    width: 100%;
    margin-top: -40px;
    padding-top: 60px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 12px;
}

#main-page div {
    color: #444444;
}

.subtitle {
    font-weight: bold;
    font-size: 32px;
    color: #444444;
    text-align: center;
    line-height: 150%;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 32px;
}

#main-page p#latest {
    padding-top: 30px;
    line-height: 100%;
    display: block;
}

.btn-jumbo {
    font-size: 22px;
    padding: 15px 25px;
    margin: 20px 5px;
    border-radius: 10px;
}

#social i {
    font-size: 28px;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

#social a:hover i {
    color: #0088cc;
}

h1 {
    font-size: 32px;
    font-weight: bold;
    color: #444444
}

h2 {
    font-size: 24px;
    margin-top: 40px;
    color: steelblue;
}

h3 {
    font-size: 16px;
}

.btn i {
    color: #ffffff;
    padding-left: 10px;
}

.btn-primary i {
    color: #ffffff;
}

.testimonial
    padding: em(80px) 0
    background: #436BD7
    &__title
        margin: 0 0 em(20px, 22px)
        font-weight: normal
        font-size: rem(22px)
        color: rgba(white, .7)
    &__quote
        display: flex
        +max(700px)
            flex-wrap: wrap
        align-items: center
        // Reset
        padding: 0
        border: none
        footer::before
            content: ''
    &__text
        display: flex
        align-items: center
        min-height: em(200px, 22px)
        padding: em(30px, 22px) em(40px, 22px)
        +min(700px)
            max-width: 70%
            padding: em(50px, 22px) em(60px, 22px)
            padding-right: em(90px, 22px)
        +max(700px)
            margin-bottom: em(30px, 22px)
        font-size: rem(22px)
        line-height: 1.55
        color: #888
        background: white
        border-radius: 0 30px
        +min(700px)
            border-radius: 0 50px
        box-shadow: 0 10px 22px rgba(black, .2)
    &__meta
        display: flex
        align-items: center
    &__img
        min-width: em(80px)
        width:  em(80px)
        height: em(80px)
        margin-right: em(20px)
        +min(700px)
            min-width: em(116px)
            width:  em(116px)
            height: em(116px)
            margin: 0 em(30px) 0 em(-58px)
        font-size: rem(16px)
        border-radius: 50%
        background: white
        border: solid 2px white
        +min(700px)
            border-width: 3px
        box-shadow: 0 10px 22px rgba(black, .2)
    &__author
        font-size: rem(22px)
        line-height: 1.1
        color: white
    &__position
        font-size: rem(16px)
        color: rgba(white, .7)