.about-pic {
    width: 350px;
}

.book-pic {
    width: 250px;

}

.brand-logo {
    width: 75%;
}

html {
    scroll-behavior: smooth;
}

.iframe-size {
    width: 100%;
    height: 250px;
}

.jsnav {
    margin-top: 50px;
    font-family: 'Jost', sans-serif;

}

.video-frame {
    margin-top: 50px;
    width: 100%;
}

.nav-pills {

    --bs-nav-pills-link-active-color: #565656;
    --bs-nav-pills-link-active-bg: #ffffff;

}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 12px;

    color: #000000;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}


.nav-link:hover {
    display: block;

    color: #0B94D2;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}

.sockheads-logo {
    width: 100%;
}


.footer-text {
    margin-top: 20px;
}

#project-banner-adameve {
    background: url(images/AdamEveSteve-mobilebanner.png) center no-repeat !important;
    /* height: 386px; */
    background-size: cover;
    background-image: cover;
    position: relative;
    color: white;
}

/* iPhone 5 */
@media (min-width: 320px) {}


/* iPhone 6/7/8/SE */
@media (min-width: 375px) {

    .js-logo {
        width: 300px;
        padding: 5px;
    }
}


/* --------- SMALL --------- */
@media (min-width: 576px) {
    .book-pic {
        width: 350px;

    }
}

/* --------- MEDIUM --------- */
@media (min-width: 768px) {
    .profile-pic {
        width: 350px;
    }



    #project-banner-adameve {
        background: url(images/banner-adameve.png) center no-repeat !important;
        /* height: 386px; */
        background-size: cover !important;
        background-image: cover !important;
        position: relative;
        color: white;
    }

    .jsnav {
        margin-top: 50px;
        font-family: 'Jost', sans-serif;
        color: black;
    }

}


/* --------- LARGE --------- */
@media (min-width: 992px) {
    .profile-pic {
        width: 375px;
    }

    .jsnav {

        margin-top: 50px;

    }

    .nav-link {

        font-size: 1em;
    }



    .iframe-size {
        width: 100%;
        height: 350px !important;
    }

    .footer-text {
        margin-top: 0px;
    }
}


/* --------- EXTRA LARGE --------- */
@media (min-width: 1200px) {}