.banner {
    width: 100%;
    height: 500px;

    background: linear-gradient(
                     rgba(255,255,255, .8),
                     rgba(255,255,255, .1)),
                     url("../images/banner.jpg");
    background-size: cover;
    position: relative;
}

.banner .heading {
    margin-top: 50px;
    margin-left: 430px;
}

.banner h1 {
    font-size: 42pt;
    font-weight: 700;
    color: #707070;
    font-family: 'Roboto';
    margin: 0;
}

.banner h2 {
    font-size: 32pt;
    font-weight: 400;
    margin: 0;
    color: orange;
    font-family: Roboto;
}

.dialog-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.25em 0;
}

.dialog-content .icon {
    margin-right: 10px;
    padding: 10px;
    margin-left: -10px;
}

/* Make jconfirm boxes autosize nicely */
.jconfirm-box-container {
    display: flex;
}

.jconfirm-box {
    display: inline-block;
}


.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #e0e0e0;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    padding: 10px 40px;
}