body,div,span {
    margin: 0;
    padding: 0;
}

.clear_float:after{
    clear: both;
    display: block;
    content: '';
}

@media screen and (max-width:768px) {
    
}
@media screen and (min-width:768px) {
    #main_container{
        margin: 0 auto;
        max-width: 1920px;
        min-height: 100vmin;
        display: flex;
        flex-direction: column;
        align-items: center;
     
    }
    #header{
        background-image: url("../images/index_header_background.jpg") ;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 600px;
        width: 100%;
        position: relative;
    }
    #logo_content{
        margin-top: 20px;
        margin-left: 5vw;
    }
    
    #logo{
        width: 6vmax;
        height: 4vmax;
        float: left;
    }
    #nav_menu_content{
        float: right;
        margin-right: 5vmax;
    }
    .nav_menu_item{
        color: white;
        text-shadow: 0 0 white 5px;
        margin: 1vmin 1vmax;
        line-height: 4vmax;
        cursor: pointer;
    }
    .nav_menu_item:hover{
        background-color: white;
        color: black;
    }
    #spirit{
        color: white;
        position: absolute;
        left: 5vmax;
        bottom: 10vmax;
        font-weight: bolder;
        font-size: 3rem;
        letter-spacing: 0.5rem;
    }
    #footer{
        position: sticky;
        bottom: 0;
        height: 100px;
        width: 100%;
       color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #0E264A;
    }
}