/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1, h2, h3, p, a {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', sans-serif;
}
h1 {
    font-size: 52px;
}
h1, h2 {
    font-weight: 700;
    letter-spacing: -1px;
}
h2 {
    font-size: 26px;
}
p {
    max-width: 800px;
    margin: 0 auto;
}
.container-fluid {
    padding: 0;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
  
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.navbar-header {
    width: 100%;
}
.navbar {
    min-height: 100px;
    background-color: #fff;
}
.navbar-brand {
    min-height: 100px;
    margin-left: 15px!important;
}

.rby_logo {
    float: right;
    margin-left: 0!important;
}
.logo {
    width: 100%;
}
.jumbotron {
    background-color: #fff;
    color: #1F2C70;
    padding: 100px 0 0;
}
.jumbotron p {
    font-size: 24px;
    position: relative;
    margin-bottom: 2em;
}
.awards {
    display: inline-block;
}
.award-logo {
    width: 140px;
    display: inline-block;
    margin-bottom: 2em;

}

.row h2, .row p {
    color: #58595B;
}
.row p {
    max-width: 340px;
    margin: 0 auto;
}
.row .col-md-4 {
    background-color: #e5e5e5;
    padding-bottom: 50px;
}
.row .col-md-4:nth-child(2) {
    background-color: #f2f2f2;
}

footer {
    margin-top: 50px;
    padding-bottom: 3em;
}
footer p {
    font-size: 10px;
    width: 100%;
    max-width: 100%;
    padding: 0 2em;
}
footer p span {
    float: right;
}
footer a {
    color: #333;
}
.feature.img-responsive {
    width: 100%;
}
@media (max-width: 640px) {
    .container {
        padding: 0;
    }
    .jumbotron {
        padding: 65px 0 0;
    }
    p {
        max-width: 90%!important;
    }
    .award-logo {
        width: 100px;
    }
    .logo {
        width: 85%!important;
    }
    .rby_logo {
        position: absolute;
        right: 0;
    }
    .navbar {
        min-height: 61px!important;;
    }
    .navbar-brand {
        min-height: 61px!important;;
    }
}


@media (max-width: 992px) {
    h1 {
        font-size: 28px!important;
    }
    h2 {
        font-size: 22px!important;
    }
    .jumbotron p {
        font-size: 15px!important;
    }
    .container>.navbar-header {
        margin: 0;
    }
    .navbar {
        min-height: 81px;
    }
    .navbar-brand {
        min-height: 81px;
        width: 45%;
    }
    .logo {
        width: 65%;
    }
    .rby_logo img {
        float: right;
    }
    p {
        max-width: 75%;
    }
    footer p {
        font-size: 8px;
        width: 100%;
        max-width: 100%!important;
        text-align: center;
        padding: 0 1em 1em 1em;
        display: inline-block
    }
    footer p span {
        display: inline-block;
        float: none;
        width: 100%;
        margin: 1em 0 0;
        clear: both;
    }
}