#header
{
    position: relative;
	top:-5px;
	left:0;
	width: 100%;
	background-color: rgba(36, 167, 162, 1);
}

#header-bg
{
    max-width: 100%;
}

#header-title
{
    position:absolute;
    top: 15px;
    left: 15px;
    width:30%;
    font-family: "Flanella";
    color: white;
    font-style: normal;
    font-size: 4em;
}

/* VERSION DESKTOP */
@media screen and (min-width: 1000px)
{
    #header
    {
        top:-10px;
    }

    #header-title
    {
        font-size: 5em;
    }
}

#menu
{
    position:relative;
    top: -10px;
    width:100%;
    height:100px;
    background-color: rgba(36, 167, 162, 0.8);
}

#menu-table
{
    width:100%;
    height:100px;
    
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 1.5em;
    font-weight: normal;
    color: white;
    text-align: center;
}

/* VERSION DESKTOP */
@media screen and (min-width: 1000px)
{
    #menu
    {
        top: -20px;
    }

    #menu-table
    {
       
        font-family: "Flanella";
        font-size: 2.5em;
        font-weight: normal;
    }
}

#footer
{
    left: 0;
    width:100%;
    height:100px;
    background-color: rgba(36, 167, 162, 0.8);
    font-family: "Flanella";
    color: white;
    font-style: normal;
    font-size: 1em;
    margin-top: 30px;
    padding-top: 6px;
    text-align: center;
}