#header-container{
    width: 100%;
    float: left;
    background-color: #075095; // #2e2e9b;
    /*padding-bottom: 20px;*/
    /*border-bottom: 1px solid #ddd;*/
}
#header-box{
    width: 80%;
    margin: 0px auto;
}
#logo{
    width: 60px;
    height: 60px;
    /*margin: 10px;*/
    padding: 20px;
    float: left;
    /*background-color: #2e2e9b;*/
    /*border-bottom-left-radius: 20px;*/
    /*border-bottom-right-radius: 20px;*/
}
#logo-file{
    width: 100%;
    float: left;
}
#menu{
    width: 450px;
    /*float: left;*/
    margin: 0px auto;
    padding-top: 15px;
    padding-left: 20px;
    /*margin-top: 40px;*/
    /*margin-left: 20px;*/
}
#menu-item{
    padding: 10px 20px;
    margin: 0px auto;
    
    font-family: Arial; 
    font-size: 14px;
    color: white;
    text-decoration: none;
}
#menu-item:hover{
    /*text-decoration: underline;*/
    border-top: 7px solid yellow;
}
@media screen and (max-width: 900px){
    #header-box{
        width: 500px;
    }
    #menu{
        width: 400px;
    }
}
@media screen and (max-width: 550px){
    #header-box {
        width: 80%;
    }
    #menu{
        width: 200px;
        padding-left: 0px;
        padding-top: 10px;
    }
    #menu-item{
        padding: 10px;
        float: left;
        border: 1px solid #ddd;
    }
}	
@media screen and (max-width: 400px){

}