/* Add here all your CSS customizations */
.menu-logo {
    color: white;
    font-size: 20pt;
    text-decoration: none;
}
.menu-logo:hover, .menu-logo:focus, .menu-logo:visited {
    color: white;
    text-decoration: none;
}
.reasonimage {
    height: 185px;
}
.header-nav .login-btn-inside-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-nav .login-btn-inside-wrapper .login-btn-inside {
    margin-left: 0 !important;
}
.section-2 .arrow-1 {
    bottom: -100px !important;
    left: 230px;
    width: 50vw;
}
.section-2 .right-image {
    top: 30% !important;
}
@media(min-width: 992px) {
    .header-nav .login-btn-outside {
        display: none;
    }
}
@media(max-width: 991px) {
    .header-nav .login-btn-inside-wrapper {
        display: none;
    }
    .header-nav .hide-mobil {
        display: none !important;
    }
    .section-2 .arrow-1 {
        bottom: -41px;
        left: 155px;
    }
}
@media(max-width: 1236px) {
    .section-2 .right-image {
        top: 24% !important;
    }
}
@media(max-width: 1200px) {
    .section-2 .right-image {
        top: 12% !important;
    }
}

@media(max-width: 1199px) {
    .hide-on-mobile {
        display: none;
    }
}

.sign-up-button {
    background: rgba(0, 0, 0, 0) !important;
}

.section-experience {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    padding-top: 150px !important;
    background-image: url(/img/landing/11_bg_new.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: 0 75% !important;
}

/*ul#mainNav {
    display: flex !important;
    align-content: center !important;
}
ul#mainNav > li.dropdown {
    display: inline !important;
    height: 20px !important;
}
ul#mainNav > li.dropdown a {
    display: inline !important;
}*/