body {
    font-family: 'Noto Sans';

    .nav {
        font-weight: 200;
    }
}

h3,
h2 {
    font-family: 'EB Garamond';
    font-weight: 800;
}

.launch-event-body {
    padding-top: 50px;
}

.porters-nav {
    background: #0b1a11;
    background-color: #0b1a11;

    .nav-link {
        color: rgb(220, 220, 220);
    }
    
    .navTextSelected {
        font-size: 22px;
        font-weight: 300;
    }
}

.carousel-inner>.item>img {
    min-height: 300px;
    max-height: 300px;
    width: 100%;
}

#signupError {
    display: none;
    color: pink;
}

#contactSuccess {
    display: none;
    color: white;
}

#signupSuccess {
    display: none;
    color: white;
}

#landingImage {
    filter: brightness(30%);
}

.portersByAuthor {
    font-size: 12px;
}

.porterTopParallax, .porterContactParallax, .porterPreOrderParallax {
    /* Set a specific height */
    height: 700px;
    min-width: 100%;
    justify-content: center;
    align-items: center;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.porterTopParallax {
    background-image: url("/images/5e5e975a-cbcf-463d-833c-d680410fc2a4.jpg");
}

.porterContactParallax {
    background-image: url("/images/096d4741-ccab-461b-a6f0-7eeb52fc9e24.jpg");
    height: 100vh;
}

.porterPreOrderParallax {
    height: 100vh;
}

.porters-dark {
    background: #0b1a11;
    background-color: #0b1a11;
}

.parralaxCTA {
    padding-top: 300px;
}

#launch-event-body {
    background-image: url("/images/5e5e975a-cbcf-463d-833c-d680410fc2a4.jpg");
    background-size: cover;
    height: 1000px;
}

#porters-pre-order-form {
    display: none;
}

#preOrderSuccess {
    display: none;
}

.porters-tooltip {
    max-width: 500px;
    /* If max-width does not work, try using width instead */
    width: 500px; 
}