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
}

.calendar-list {
    visibility: hidden;
}

@media screen and (max-width:800px) {
    .carousel-caption {
        display:none;
    }
    .row {
        display: flex;
        flex-flow: row wrap;
    }
}

@media screen and (max-width: 575px) {
    .calendar-list {
        visibility: visible;
    }
}