html
{
    background-color: #666666FF;
    font-family: Helvetica, Arial, sans-serif;
    color: #600020FF;
}

body
{
    font-size: 100%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
}

body *
{
    vertical-align: middle;
}

div.main
{
    display: table;
    height: 100%;
    width: 100%;
}

div.page-container
{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

#img_filberg_logo
{
    min-width: 40mm;
    width: 20%;	
}

div.logo
{
    margin: 0;
}

.brand-name
{
    font-family: monospace;
    margin-bottom: 5mm;
    font-size: 5em;
}

.brand-claim
{
    margin-top : 1mm;
    color: #333333;
    font-size: 2em
}

div.menu
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0;
}

.menu.horizontal
{
    text-align: center;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

.menuentry
{
    display: inline-block;
    min-width: 45mm;
    padding: 4mm 0 4mm 0;
    margin-left: 3mm;
    margin-right: 3mm;
    margin-bottom: 3mm;
    border-radius: 0.2em;
    background-color: #333333;
}

.menuentry:hover
{
    background-color: #600020FF;
}

.menuentry a
{
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 100%;
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 5mm;
    margin-right: 5mm;
}

@media screen and (max-width: 481px) and (orientation: portrait)
{
    .brand-name
    {
	font-size: 3em;
    }

    .menuentry
    {
	width: unset;
	max-width: 20em;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 2mm 0 2mm 0;
	margin-bottom: 3mm;
    }

    .menu.horizontal
    {
	padding: 0 3mm 0 3mm;
    }
}

@media screen and (max-height: 737px) and (orientation: landscape)
{
    .page-container
    {
	vertical-align: top;
    }

    .brand-name
    {
	font-size: 3em;
	margin-bottom: 2mm;
    }

    .brand-container
    {
	
	display: inline-block;
	vertical-align: middle;
    }

    .menu.horizontal
    {
	padding: 0;
	display: inline-block;
    }

    .menuentry
    {
	display: block;
    }

    #img_filberg_logo
    {
	min-width: 40mm;
	width: 25%;	
    }
}