@font-face { font-family: Title; src: url('../media/title.ttf') format('truetype'); } 

#bg_img {
    background-image: url("../media/SMPTE_Color_Bars_16x9.png");
    height: 600px;
    background-size: cover;
}

#logo {
    width: 30%;
}

#slogan{
    font-size: 1.7rem;
    font-weight: lighter;
    margin-top: 2rem;
    letter-spacing: 0.1rem;
}

#title{
    font-family: Title;
    letter-spacing: 0.15rem;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #bg_img {
        background-image: url("../media/SMPTE_Color_Bars_16x9.png");
        height: 440px;
        background-size: contain;
    }

    #logo {
        width: 60%;
    }

    #slogan{
        font-size: 1.2rem;
        font-weight: initial;
    }
  }

.container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}