body {
    padding-top: 50px;
    padding-bottom: 20px
}

.body-content {
    padding-left: 15px;
    padding-right: 15px
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4
}

.carousel-inner .item img[src$=".svg"] {
    width: 100%
}

#qrCode {
    margin: 15px
}

.navbar-blue {
    background: rgb(108, 130, 153) !important;
    color: white !important;
}


    .navbar-blue .navbar-nav > li > a, .navbar-blue .btn-link, .navbar-blue .navbar-brand {
        color: white !important;
    }

.navbar-blue .navbar-nav > li > a:hover {
    color: white !important;
    background: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width:767px) {
    .carousel-caption {
        display: none
    }
}