@font-face {
    font-family: "AeonikPro-Medium";
    src: url("fonts/AeonikPro-Medium.otf");
}

@font-face {
    font-family: "AeonikPro-Regular";
    src: url("fonts/AeonikPro-Regular.otf");
}

.AeonikPro-Medium {
    font-family: 'AeonikPro-Medium';
}

.AeonikPro-Regular {
    font-family: 'AeonikPro-Regular';
}

html,body{
    height:100%;
}

html {
    max-width: 1920px;
    margin: auto;
}

body {
    font-family: 'AeonikPro-Regular';
}

.whiteColor {
    color: #ffffff;
}

.blackColor {
    color: #000000;
}

#logo {
    padding-top: 10px;
}

.corkBg {
    background-image: url(images/background.jpg);
    background-size: cover;
    min-height: 100%;
}

.fullHeight {
    min-height: 100vh;
}

#navbarNav {
    width: 100%;
}

.whiteBackground {
    background-color: #ffffff;
}

.topText {
    text-align: justify;
}

a {
    color: inherit;
    text-decoration: none;
}

p {
    font-size: 20px;
    line-height: 1.2;
}

.info-icon {
    width: 35px;
    height: 35px;
    background-image: url(images/Info_Open.svg);
    display: block;
}

.closed .info-icon {
    background-image: url(images/Info_Normal.svg);
}

.navbar-toggler-mobile {
    border: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

.closed.mobileInfoToggle {
    display: none;
}

.navbar {
    width: 100%;
    padding: 0;
}

.collapse-inner {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.navbar>.container-fluid {
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
}

.mobileInfo {
    padding-top: 10vh;
}

.arrow {
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-left: auto;
    margin-right: 22px;
}

@media screen and (min-width: 360px) {
    .display-desktop {
        display: none;
    }
    
    h1, .bigText {
        font-size: 18px;
    }
    .topText sup {
        font-size: 13px;
    }
    .smallCroppedContent {
        width: calc(100% - 50px);
        margin: auto;
    }
    .topText {
        padding-top: 20px;
    }
    .navbar-brand {
        padding-right: 25px;
        padding-left: 25px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    #logo {
        max-width: 200px;
    }
}

@media screen and (min-width: 768px) {
    #logo {
        max-width: 100%;
    }
}

@media screen and (min-width: 993px) {
    .display-mobile {
        display: none;
    }

    .display-desktop {
        display: block;
    }
    .smallCroppedContent {
        width: calc(100% - 120px);
    }
    
    h1, .bigText {
        font-size: 40px;
    }
    .topText .smallSup {
        top: -14px;
    }
    .topText sup {
        font-size: 22px;
    }
    .topText {
        padding-top: 35px;
    }
    .footer {
        padding-bottom: 35px;
    }
    .text-lg-left {
        text-align: left !important;
    }
    #logo {
        padding-bottom: 20px;
    }
}