@font-face {
    font-family: 'Bergen Text';
    src: url('fonts/BergenText-Bold.woff2') format('woff2'),
    url('fonts/BergenText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('fonts/BergenText-SemiBold.woff2') format('woff2'),
    url('fonts/BergenText-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bergen Text';
    src: url('fonts/BergenText-Regular.woff2') format('woff2'),
    url('fonts/BergenText-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    background-color: #fbf7ef;
    background-position: center center;
    background-image: url("../images/bg.png");
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Bergen Text', sans-serif;
}

body {
    background: transparent;
}

h1, h2, h3, h4 {
    font-weight: 800;
    color: #fcdb2d;
}
h1 {
    font-size: 3em;
    margin-bottom: 0.7em;
}

p {
    color: #e13c2c;
    font-size: 1.6em;
}

h1 + p {
    margin-bottom: 1.1em;
}
.black {
    color: #000000;
}


.container-fluid {
    height: 100%;
}

.row {
    height: 100%;
}

img {
    margin: 0;
    max-width: 100%;
}

#left-column {
    background-size: cover;
}

#right-column {
    background-color: #fcdb2d;
}

#right-column img {
    margin-bottom: 15px;
}

#logo {
    display: none; /* Hide by default */
}

@media (min-width: 577px) {
    .align-center-v {
            top: 50%;
            transform: translateY(-50%);
        }
    .img-grid {
            padding-right: 0px;
            padding-left: 15px;
            height: 100%;
        }
    .img-grid img {
            width: 100%;
        }
    #left-column {
            background-color: rgba(255,255,255,.5);
        }
    #right-column {
            padding-right: 15px;
            overflow-y: hidden;
        }
    }
@media (max-width: 576px) {
    .flex-sm-row {
            -ms-flex-direction: row!important;
            flex-direction: row!important;
        }
    .position-absolute {
            position: relative !important;
        }

.img-grid {
            padding-left: 0;
        }

#left-column {
            padding-bottom: 4em;
        }

#right-column {
            padding-top: 15px;
            padding-left: 30px;
        }

/* Show the logo only on screens smaller than or equal to 576px */
    #logo {
            display: block;
            max-width: 60%;
            margin: 0 auto;
        }
    }