body {
    font-family: 'Montserrat';
}

.navbar {
    padding: 2em 4em 2em 4em;
    background-color: white;
}

.navbar-default {
    border-color: transparent;
}

.navbar-nav>li>a {
    font-weight: 600;
}

.nav-menu-text {
    color: #6A00E5 !important;
    font-size: 1.4em;
    font-family: 'Montserrat';
    font-weight: 700 !important;
    padding-bottom: 0.7em !important;
}


.col-nav-icon>img {
   height: 3.5em;
}

#welcome {
    border-radius: 0.5em;
    margin: 8em 7em 0 7em;
    background-color: #6A00E5;
}

.col-star-logo {
    margin-top: 12em;
}

.col-star-logo>img {
    height: 12em;
}

.col-logo-white {
    margin-top: 12em;
}
.col-logo-white>img {
    height: auto;
    width: 22.5em;
}

.btn-join-us {
    z-index: 9999;
    margin-top: 2em;
    font-size: 2em;
    color: #6A00E5;
    font-weight: 700;
    padding: 0.7em 1.6em 0.7em 1.6em;
    letter-spacing: 0.07em;
}

.btn-join-us:hover {
    color: #6A00E5 !important;
    opacity: 0.95;
}

.btn-join-us:focus {
    outline: none;
    color: #6A00E5 !important;
    opacity: 0.95;
}

.btn-join-us:active:focus {
    outline: none;
}

#about {
    margin: 4em 14em 0 14em;
}

.col-about-text {
    margin: 2em 0 2em 0;
    font-weight: 700;
}

.text-stardust-highlight {
    color: #6A00E5;
    font-weight: 700;
}

.img-about {
    width: 100%;
}

.col-hiring-text {
    color: #1A0137;
    margin: 2em 0 2em 0;
    font-weight: 700;
}

.text-hiring-highlight {
    color: #350073;
    font-size: 2.5em;
    font-weight: 700;
}

#careers{
    margin-top: 4em;
}

.row-careers {
    margin: 0 8em 0 8em;
}

.row-apply {
    background-color: #F4F4F4;
    padding: 8em 13em 8em 13em;
}

.text-apply {
    color: #3B0080;
    font-weight: 700;
    font-size: 2em;
    margin-bottom: 0.8em !important;
}

.btn-apply {
    background-color: transparent;
    color: #3B0080;
    font-weight: 600;
    font-size: 1.6em;
    border-radius: 0.2em;
    border: 0.11em solid #3B0080;
    padding: 0.3em 1.5em 0.3em 1.5em;
}

.btn-apply:hover {
    color: #F4F4F4 !important;
    background-color: #6a00e5;
    opacity: 0.9;
    border-radius: 0.2em;
    border: 0.11em solid #6a00e5;    
    padding: 0.3em 1.5em 0.3em 1.5em;
}

.btn-apply:focus {
    background-color: #3B0080;
    outline: none !important;
    color: #F4F4F4 !important;
    opacity: 0.9;
    border-radius: 0.2em;
    border: 0.11em solid #3B0080;
    padding: 0.3em 1.5em 0.3em 1.5em;
}

.hr-apply{
    display: none;
}

#contact {
    min-height: 25em;
    padding: 0 13.5em 0 13.5em;
    background-color: #6a00e5;
}

.row-footer-menu{
    margin-top: 2em;
}



.footer-menu-text {
    color: white !important;
    font-size: 1.4em;
    font-weight: 500 !important;
}

.footer-menu-text:hover {
    color: #1A0038 !important;
    background-color:transparent !important;
}

.footer-menu-text:focus {
    color: #3B0080 !important;
}

.row-logo {
    margin: 5em 1em 0 1em;
}

.img-footer-logo{
    height: auto;
    width: 22em;
}

.col-links{
    left: 8em;
    top: 1em;
}

.btn-links {
    height: 4em;
    width: 4em;
    border-radius: 2em;
    margin-right: 3em;
    background-color: white;
    border-color: transparent;
}

.btn-links:hover {
    background-color: #6a00e5;
    color: #F4F4F4 !important;
    border-color: #F4F4F4;
}

.btn-links:focus {
    outline: 5px auto #6a00e5 !important;
    background-color: #6a00e5;
    color: #F4F4F4;
    border-color: #F4F4F4;
}

.btn-links:active:focus {
    outline: 5px auto #6a00e5 !important;
    background-color: #6a00e5;
    color: #F4F4F4;
    border-color: #F4F4F4;
}

.btn-links:hover>i {
    color: #F4F4F4;
}

.btn-links:focus>i {
    color: #F4F4F4;
}

.btn-links>i {
    font-size: 2.2em;
    color: #6A00E5;
}

.row-reserve {
    margin: 4em 0 2em 0;
}

.reserve-label {
    color: white;
    font-size: 1em;
    font-weight: 500;
}

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

a:hover {
    text-decoration: none;
    color: white;
}

/* Desktop-Only */
@media only screen and (min-width: 768px) {
    .col-nav-item-menu {
        position: absolute;
        left: 5em;
    }

    .img-nav-logo-mobile{
        display: none;
    }
    .img-nav-logo-desktop{
        display: block;
    }

    p {
        font-size: 2em;
        margin-bottom: 1em !important;
        font-weight: 500;
    }
  
    .navbar-default .navbar-nav>.active>a {
        color: #350073 !important;
        background-color: transparent;
    }

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        background-color: transparent !important;
    }

    .navbar-default .navbar-nav>.active>a:after {  
        content: '';
        position: inherit;
        width: 2em;
        height: 0.15em;
        left: 1.2em;
        top: 0.5em;
        display: block;
        background-color: #350073;
    }

    .br-mobile{
        display: none;
    }

    .br-desktop{
        display: block;
    }

    .col-info-mail{
        padding-left: 2em;
    }

    #gdpr p {
        color: #1A0137;
        font-size: 1.5em;
    }
    #gdpr h1 {
        color: #350073;
    }
    #gdpr {
        padding-top: 20px;
    }
    p a {
        text-decoration: none;
    }
    .back-home {
        font-size: 14px;
    }
}

/* Ipad between desktop */
@media only screen and (max-width: 1140px) {
    .col-nav-item-menu{
        display: none;
    }
}


/* Ipad */
@media only screen and (max-width: 850px) {
    .col-nav-item-menu{
        display: none;
    }
}



/* Mobile */
@media only screen and (max-width: 768px) {

    .navbar{
        padding: 1em 4em 1em 4em;
    }

    .col-nav-icon {
        right: 4em;
    }

    .col-nav-icon>img {
        max-width: 10.4em;
        height: auto;
        margin-left: 1em;
    }

    .img-nav-logo-mobile{
        display: block;
    }
    .img-nav-logo-desktop{
        display: none;
    }


    .col-hamburger {
        display: none;
        left: 2em;
        bottom: 1em;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #6A00E5;
    }

    #welcome {
        border-radius: 0;
        margin: 5.7em 0 0 0;
        background-color: #6A00E5;
    }

    .col-logo-white {
        margin-top: 13em;
    }

    .col-logo-white>img {
        height: auto;
        width: 12.5em;
    }

    .col-star-logo {
        position: absolute;
        bottom: -0.25em;
        width: 100%;
        right: 0em;
    }

    .col-star-logo>img {
        height: auto;
        width: 5.5em;
    }

    .btn-join-us {
        background-color: white;
        z-index: 9999;
        margin-top: 2.2em;
        font-size: 1.5em;
        color: #6A00E5;
        font-weight: 700;
        padding: 0.7em 1.7em 0.8em 1.7em;
        letter-spacing: 0.05em;
    }

    #about {
        margin: 0 0 0 0;
    }

    p {
        font-size: 1.1em;
    }

    .br-desktop{
        display: none;
    }

    .br-mobile{
        display: block;
    }

    .col-about-text {
      margin: 4em 0 4em 0;
      font-weight: 500;
    }

    .col-about-text > p{
        margin-bottom: 2em;
        line-height: 1.8em;
      }

    .col-about-img {
        padding: 0;
    }
    .img-about {
        width: 100%;
    }
    #careers {
        margin: 0 0 0 0;
        padding: 0;
    }
    .row-careers {
        margin: 0 0 0 0;
    }

    .col-hiring-text {
        font-weight: 500;
        line-height: 1.8em;
        padding: 0;
    }

    .text-hiring-highlight{
        font-size: 1.6em;
        margin-bottom: 1.2em;
    }

   
    .row-apply {
        background-color: #F4F4F4;
        padding: 2.5em 0 1.5em 0;
        width: 100%;
        margin: 0;
    }

    .text-apply {
        font-size: 1.5em;
    }

    .btn-apply {
        font-size: 1.2em;
        border-radius: 0.2em;
        border: 0.15em solid;
        padding: 0.15em 1.5em 0.15em 1.5em;
    }

    .btn-apply:hover {
        color: #F4F4F4 !important;
        background-color: #6a00e5;
        opacity: 0.9;
        border-radius: 0.2em;
        border: 0.15em solid #6a00e5;
        padding: 0.15em 1.5em 0.15em 1.5em;
    }

    .btn-apply:focus {
        background-color: #3B0080;
        outline: none !important;
        color: #F4F4F4 !important;
        opacity: 0.9;
        border-radius: 0.2em;
        border: 0.15em solid #3B0080;
        padding: 0.15em 1.5em 0.15em 1.5em;
    }

    .hr-apply{
        display: block;
        height: 0.1em;
        background-color: #3B0080;
        width: 3em;
        margin-top: 2em;
        margin-bottom: 0.2em;
        border-bottom: 0.1em solid #333333;
    }

    .col-apply {
        padding-bottom: 3em;
    }


    .col-apply {
        padding-bottom: 2em;
    }

    #contact {
        padding: 0;
        min-height: 15em;
    }
    .row-logo {
        margin: 2em 1em 0 1em;
    }

    .img-footer-logo {
        height: auto;
        width: 10em;
    }
    
    .col-links{
        left: 2.3em;
        top: 0.2em;
        padding-right: 0;
    }

    .btn-links {
        height: 2.4em;
        width: 2.4em;
        border-radius: 1.2em;
        margin-right: 0.3em;
    }

    .btn-links>i {
        font-size: 1.2em;
        margin-left: -0.2em;
    }

    .row-footer-menu {
        display: none;
    }

    .col-reserve{
        left: 1em;
        position: absolute;
        margin-top: 0.5em;
    }

    .col-info-mail{
        left: 1em;
        width: max-content;
    }

    .reserve-label {
        color: white;
        font-size: 0.8em;
        font-weight: 500;
    }

    #gdpr {
        padding-top: 20px;
    }
    #gdpr h1 {
        color: #350073;
    }
    #gdpr p {
        color: #1A0137;
    }
    a {
        text-decoration: none;
    }
    .back-home {
        font-size: 14px;
    }
}