@charset "UTF-8";

/*FONT SUPPORT*/
/* open-sans-300 - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-300italic - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-300italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-italic - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-500 - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-500italic - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-500italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600italic - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-600italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700 - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700italic - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-700italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-800 - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-800italic - latin_latin-ext_math_symbols */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-800italic.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

:root {
    --bs-primary-rgb: 29, 147, 173;
    --bs-primary-darker-rgb: 22, 108, 128;
    --bs-secondary-rgb: 129, 172, 82;
    --bs-tertiary-rgb: 53, 152, 150;
    --bs-quaternary-rgb: 77, 159, 119;
    --bs-secondary-darker-rgb: 88, 117, 55;
    --bs-success-rgb: 103, 194, 156;
    --bs-info-rgb: 28, 171, 196;
    --bs-warning-rgb: 228, 198, 98;
    --bs-danger-rgb: 161, 100, 104;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-black-rgb: 0, 0, 0;
    --bs-white-rgb: 255, 255, 255;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-btn-active-bg: rgb(var(--bs-primary-darker-rgb));
    --bs-btn-active-border-color: rgb(var(--bs-primary-darker-rgb));
    --bs-section-bg-primary-rgb: var(--bs-primary-rgb);
    --bs-section-bg-primary-ending-rgb: 0, 0, 0;
    --bs-section-bg-secondary-rgb: var(--bs-secondary-rgb);
    --bs-section-bg-secondary-ending-rgb: 0, 0, 0;
    --bs-card-bg-grey-rgb: 246, 246, 246;
    --bs-font-sans-serif: Open Sans;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: Open Sans;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
    --bs-btn-active-bg: rgb(var(--bs-primary-rgb));
}



html,
body {
    min-height: 100vh;
    scroll-behavior: smooth;
}

.bg-light {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

/*#content>* {
    padding-right: 3rem;
    padding-left: 3rem;
}*/


.contact-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#mainNav {
    width: 100vw;
}

#logo_svg {
    width: 90%;
    margin-bottom: -10%;
    margin-top: -10%;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 600;
}



p,
ul,
h1,
h2,
h3,
h4,
h5 {
    margin-top: var(--bs-gutter-y, 1.5rem);
    margin-bottom: var(--bs-gutter-y, 1.5rem);
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}




h1 {
    margin-top: 6rem;
    margin-bottom: 6rem;
    color: rgb(var(--bs-primary-rgb));
    text-transform: uppercase;
}

h2 {
    color: rgb(var(--bs-secondary-rgb));
}

.container h1 {
    margin-top: 0rem;
}

@media (min-width: 576px) {

    p,
    ul,
    h1,
    h2,
    h3,
    h4,
    h5 {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    p,
    ul,
    h1,
    h2,
    h3,
    h4,
    h5 {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    p,
    ul,
    h1,
    h2,
    h3,
    h4,
    h5 {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    p,
    ul,
    h1,
    h2,
    h3,
    h4,
    h5 {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    p,
    ul,
    h1,
    h2,
    h3,
    h4,
    h5 {
        max-width: 1320px;
    }
}


.masthead h1 {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 1));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.section_top_spaced {
    margin-top: 10rem;
}

.about-section {
    padding-top: 10rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
    background: rgb(var(--bs-section-bg-secondary-ending-rgb));
    background-image: linear-gradient(to bottom, rgb(var(--bs-section-bg-secondary-rgb)) 0%, rgba(var(--bs-section-bg-secondary-rgb), 0.8) 60%, rgba(var(--bs-section-bg-secondary-rgb), 0.6) 100%);
}

.projects-section {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.project-text h1 {
    margin: auto;
}

.img-fluid img {
    object-fit: cover;
    width: 100%;
}

.about-section .img-fluid {
    width: 100%;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.6) 50%, black 80%);
}

.about-section p {
    margin-bottom: 1.5rem;
}

.about-btn {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}



#partners img {
    height: 10rem;
}


.masonrycontainer {
    width: 90%;
    margin: auto;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
    padding-left: 6rem;
    padding-right: 6rem;
}

.masonrycontainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
    transition: 0.5s;
}

.masonrycontainer img:hover {
    position: relative;
    transform: translateX(-25%) translateY(-25%);
    width: 150%;
    height: 150%;
    z-index: 1;
    border-radius: 2rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
}

.masonry-horizontal {
    grid-column: span 2;
}

.masonry-vertical {
    grid-row: span 2;
}

.masonry-big {
    grid-column: span 2;
    grid-row: span 2;
}

.youtube-styling {
    padding: 3rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
    background: rgb(var(--bs-section-bg-primary-ending-rgb));
    background-image: linear-gradient(to bottom, rgb(var(--bs-section-bg-primary-rgb)) 0%, rgba(var(--bs-section-bg-primary-rgb), 0.8) 60%, rgba(var(--bs-section-bg-primary-rgb), 0.6) 100%);
}

.youtube-styling iframe {
    width: 100%;
    height: 70vh;
}

#mainNav.navbar-shrink .nav-link:hover {
    color: rgba(255, 255, 255, 0.5);
}

.nav-link,
.dropdown-item {
    transition: 0.4s !important;
}