html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.headershadow {
    text-shadow: 1px 1px white;
}
.headerwhiteshadow {
    color: white;
    text-shadow: 3px 3px black;
}
.background {
    position: fixed;
    left: -2px;
    top: -2px;
    width: calc(100vw + 4px);
    height: calc(100vh + 4px);
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    z-index: -2;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* xs (default) */
.rowheight {
    height: 100%;
    min-height: 100vh;
}
.spacediv50 {
    height: 50px;
}

.spacediv100 {
    height: 100px;
}

.spacediv200 {
    height: 200px;
}
/* sm  */
/*@media (min-width: 576px) {
    .rowheight {
        min-height: 100%;
    }
}*/
/* md */
/*@media (min-width: 768px) {
    .rowheight {
        min-height: 100%;
    }
}*/
/* lg */
/*@media (min-width: 992px) {
    .rowheight {
        min-height: 100vh;
    }
}*/
/* xl */
/*@media (min-width: 1200px) {
    .rowheight {
        min-height: 100vh;
    }
}*/
/* xxl */
/*@media (min-width: 1400px) {
    .rowheight {
        min-height: 100vh;
    }
}*/