html, body {
    height: 100%;
    }

.body-header {
    padding: 5px;
    }

.body-content {
    padding: 0;
    }

.page-content {
    padding: 5px 15px;
    }

.page-footer {
    padding: 5px;
    text-align: center;
    }

.page-footer-div {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }

@media screen {
    /* Extra Large */
    .heading-1 { font-size : 2.5vw; }
    .heading-2 { font-size : 2vw; }
    .heading-3 { font-size : 1.5vw; }
    .heading-4 { font-size : 1vw; }
    }
@media screen and (max-width: 1200px) {
    /* Medium */
    .heading-1 { font-size : 3.5vw; }
    .heading-2 { font-size : 2.5vw; }
    .heading-3 { font-size : 1.5vw; }
    .heading-4 { font-size : 1.25vw; }
    }
@media screen and (max-width: 992px) {
    /* Medium */
    .heading-1 { font-size : 4vw; }
    .heading-2 { font-size : 3vw; }
    .heading-3 { font-size : 2vw; }
    .heading-4 { font-size : 1.5vw; }
    }
@media screen and (max-width: 768px) {
    /* Small */
    .heading-1 { font-size : 4.5vw; }
    .heading-2 { font-size : 3.5vw; }
    .heading-3 { font-size : 2.5vw; }
    .heading-4 { font-size : 2vw; }
    }
@media screen and (max-width: 576px) {
    /* Extra small */
    .heading-1 { font-size : 5vw; }
    .heading-2 { font-size : 4vw; }
    .heading-3 { font-size : 3vw; }
    .heading-4 { font-size : 2.5vw; }
    }

hr.thin {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }

.ifs-sm { font-size: small;   }
.ifs-lg { font-size: large;   }
.ifs-xl { font-size: x-large; }

.clickable { cursor: pointer; }

.br-left {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    }

.br-right {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    }

.zoh-1, .zoh-2 {
    transition: transform .2s;
    }

.zoh-1:hover { transform: scale(1.1); }
.zoh-2:hover { transform: scale(1.2); }

.bs-flat-white-5  { box-shadow: 0 0  5px white; }
.bs-flat-white-7  { box-shadow: 0 0  7px white;}
.bs-flat-white-10 { box-shadow: 0 0 10px white; }
