html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #808080;
}

.bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9, .bg10,
.bgt1, .bgt2, .bgt3, .bgt4, .bgt5, .bgt6, .bgt7, .bgt8, .bgt9, .bgt10 {
    background: url('../images/scherm.jpg') repeat-y;
    background-size: 100vw 100vh;
}

/*.bg1 {
    background: url('../images/background/bg1.jpg') no-repeat center center fixed !important;
}

.bg2 {
    background: url('../images/background/bg2.jpg') no-repeat center center fixed !important;
}

.bg3 {
    background: url('../images/background/bg3.jpg') no-repeat center center fixed !important;
}

.bg4 {
    background: url('../images/background/bg4.jpg') no-repeat center center fixed !important;
}

.bg5 {
    background: url('../images/background/bg5.jpg') no-repeat center center fixed !important;
}

.bg6 {
    background: url('../images/background/bg6.jpg') no-repeat center center fixed !important;
}

.bg7 {
    background: url('../images/background/bg7.jpg') no-repeat center center fixed !important;
}

.bg8 {
    background: url('../images/background/bg8.jpg') no-repeat center center fixed !important;
}

.bg9 {
    background: url('../images/background/bg9.jpg') no-repeat center center fixed !important;
}

.bg10 {
    background: url('../images/background/bg10.jpg') no-repeat center center fixed !important;
}

.bgt1 {
    background: url('../images/background/bgt1.jpg') no-repeat center center fixed !important;
}

.bgt2 {
    background: url('../images/background/bgt2.jpg') no-repeat center center fixed !important;
}

.bgt3 {
    background: url('../images/background/bgt3.jpg') no-repeat center center fixed !important;
}

.bgt4 {
    background: url('../images/background/bgt4.jpg') no-repeat center center fixed !important;
}

.bgt5 {
    background: url('../images/background/bgt5.jpg') no-repeat center center fixed !important;
}

.bgt6 {
    background: url('../images/background/bgt6.jpg') no-repeat center center fixed !important;
}

.bgt7 {
    background: url('../images/background/bgt7.jpg') no-repeat center center fixed !important;
}

.bgt8 {
    background: url('../images/background/bgt8.jpg') no-repeat center center fixed !important;
}

.bgt9 {
    background: url('../images/background/bgt9.jpg') no-repeat center center fixed !important;
}

.bgt10 {
    background: url('../images/background/bgt10.jpg') no-repeat center center fixed !important;
}*/

.nailthumb-container {
    display: inline-block;
    height: 100px;
    margin: 0 8px 8px 0;
    overflow: auto;
    padding: 0px;
    padding: 2px;
    width: 100px;
}

h1, h2, h3, h4, h5, h6, .text-heading {
    font-family: "Josefin Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 4rem;
}

.tagline-upper {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
}


.tagline-medium {
    font-size: 3rem;
    line-height: 1;
}

.tagline-lower {
    font-size: 1.2rem;
    line-height: 1;
}

.text-expanded {
    letter-spacing: 2px;
}

.text-shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-lg {
    font-size: 1.25rem;
}

.bg-faded {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

hr.divider {
    border-color: #292b2c;
    max-width: 250px;
}

.map-container iframe {
    pointer-events: none;
}

    .map-container iframe.clicked {
        pointer-events: auto;
    }


.table-nonfluid {
    width: auto !important;
    background-color: forestgreen;
}