.masthead {
    background-image: url("../theme/banner.png");
    padding-top: 23.54%; /* The height is 23.54% of the width (452px / 1920px) */
}

@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .masthead { background-image: url("../theme/banner_2x.png"); }
}

.masthead-text {
    color: #fff;
    font-size: 1.5em;
    padding-bottom: 2%;
}

.text-left .masthead-text-item,
.text-center .masthead-text-item {
    padding-left: 10px;
}

.text-right .masthead-text-item {
    padding-left: 10px;
    padding-right: 10px;
}

.bling-icon:before {
  content: "✷";
}

@media (max-width: 767px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
}

#toast-container > div {
    -moz-box-shadow: 0 0 16px #000;
    -webkit-box-shadow: 0 0 16px #000;
    box-shadow: 0 0 16px #000;
    opacity: 0.9;
    font-size: 1.15em;
}

body {
    background-color: #00529a;
    /*background-image: url("../theme/static-background.jpg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100%;
    }