body {
    background-color: black;
}
#background-styles {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
    background-color: #151515;
}

@media screen and (min-width: 768px) {
    .starfield {
        position: absolute;
        width: 200px;
        height: 100%;
        top: 0;
        background-repeat: repeat-y;
    }
    .starfield.star-left {
        left: 0;
        background-position: left center;
        background-size: 100% auto;
        background-image: url("../images/starfield_left.jpg");
    }
    .starfield.star-right {
        right: 0;
        height: 1700px;
        background-position: right center;
        background-size: auto 100%;
        background-image: url("../images/starfield_right.jpg");
    }
}

@media screen and (min-width: 768px){
    #background-styles {
        background-image: url("../images/background-stars.webp");
        background-size: 1600px auto;
    }
}

*#background-styles {
    background-image: url("../images/background-stars-mobile.jpeg");
    background-size: 768px auto;
}

@media screen and (min-width: 768px) {
    #title {
         display: flex;
        flex-flow: column;
        height: 100%;
        width: 100%;
        background-image: url("../images/jeditim.png");
        background-position: center ;
        background-repeat: no-repeat;
        /*top: 40%;*/
        width: 100%;
        height: 150px;     
    }
}


#title {
    display: flex;
    flex-flow: column;
    height: 100%;
    background-image: url("../images/jeditim_mobile.png");
    background-position: center ;
    background-repeat: no-repeat;
    /*top: 40%;*/
    width: 100%;
    height: 100px;       
}