/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("/static/fonts/open-sans-v17-latin-regular.5f4d4bc11d64.eot"); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url("/static/fonts/open-sans-v17-latin-regular.5f4d4bc11d64.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("/static/fonts/open-sans-v17-latin-regular.33543c5cc5d8.woff2") format('woff2'), /* Super Modern Browsers */
    url("/static/fonts/open-sans-v17-latin-regular.de0869e32468.woff") format('woff'), /* Modern Browsers */
    url("/static/fonts/open-sans-v17-latin-regular.049a929c5d81.ttf") format('truetype'), /* Safari, Android, iOS */
    url("/static/fonts/open-sans-v17-latin-regular.7aab4c136712.svg#OpenSans") format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url("/static/fonts/open-sans-v17-latin-600.ddacaf4a9db5.eot"); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url("/static/fonts/open-sans-v17-latin-600.ddacaf4a9db5.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("/static/fonts/open-sans-v17-latin-600.819af3d3abdc.woff2") format('woff2'), /* Super Modern Browsers */
    url("/static/fonts/open-sans-v17-latin-600.449d681cd600.woff") format('woff'), /* Modern Browsers */
    url("/static/fonts/open-sans-v17-latin-600.8f7128145a3c.ttf") format('truetype'), /* Safari, Android, iOS */
    url("/static/fonts/open-sans-v17-latin-600.e16f375be3c2.svg#OpenSans") format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url("/static/fonts/open-sans-v17-latin-700.fc0dbb2edfac.eot"); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url("/static/fonts/open-sans-v17-latin-700.fc0dbb2edfac.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
    url("/static/fonts/open-sans-v17-latin-700.0edb76284a7a.woff2") format('woff2'), /* Super Modern Browsers */
    url("/static/fonts/open-sans-v17-latin-700.1f85e92d8ff4.woff") format('woff'), /* Modern Browsers */
    url("/static/fonts/open-sans-v17-latin-700.e5111caba5b8.ttf") format('truetype'), /* Safari, Android, iOS */
    url("/static/fonts/open-sans-v17-latin-700.2e00b2635b51.svg#OpenSans") format('svg'); /* Legacy iOS */
}



.toast {
    background-color: #131313cf;
    padding: 10px;
    border: #131313cf;
    border-radius: 10px;
    color: white;
}

.section-hero-intro {
    /* Here's the trick */
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) , var(--image-url) center center;
    background-size: cover;

    /* Here's the same styles we applied to our content-div earlier */
    color: white;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-hero-intro .display-1 {
    font-size: 12vw;
}
.modal_logo {
    height: auto;
    max-width: 3rem;
}

.block-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(#F9FBFD, #3B506C, #6b5eae);
    background-size: 200% 200%;

    -webkit-animation: Animation 5s ease infinite;
    -moz-animation: Animation 5s ease infinite;
    animation: Animation 5s ease infinite;
    opacity: .75;
    z-index: 9999999;

}
@-webkit-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes Animation {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}