@font-face {
    font-family: Kontrapunkt;
    src: url("../fonts/kontrapunkt/KontrapunktLight.ttf");
}
@font-face {
    font-family: Kontrapunkt;
    src: url("../fonts/kontrapunkt/KontrapunktBold.ttf");
	font-weight:bold;
}
@font-face {
    font-family: Kontrapunkt;
    src: url("../fonts/kontrapunkt/KontrapunktLightItalic.ttf");
	font-style:italic;
}
@media screen and (min-width: 655px) {
    #valikkoWrapper {
        visibility:visible;
    }
    #aukioloajatTable {
        visibility:visible;
        position:initial;
    }
    #mobileMenu {
        visibility:hidden;
    }
    #mobileButton {
        visibility:hidden;
    }
}
@media screen and (max-width: 654px) {
    #valikkoWrapper {
        visibility:hidden;
        position:absolute;
    }
    #aukioloajatTable {
        visibility:hidden;
        position:absolute;
    }
    #mobileButton {
        visibility:visible;
    }
}
#mobileButton {
    right:0;
    position:absolute;
}
#mobileMenu {
    background-color:#1b1b1b;
    text-align:center;
    font-size:18pt;
}
    #mobileMenu a {
        color:white;
    }
    #mobileMenu li {
        border-bottom:1px solid black;
    }
.hideMobile {
    visibility:hidden;
    position:absolute;
}
.showMobile {
    position:initial;
    visibility:visible;
}
.row{
	max-width:1000px;
}
header {
    background-color:black;
    width:100%;
    max-height:200px;
    color:red;
    box-shadow:0px 10px 10px rgba(0,0,0,0.5);
}
    header img {
        max-height:200px;
    }
    header table {
        list-style:none;
        color:white;
        font-size:16pt;
        margin-top:20%;
        max-width:200px;
        padding:0;
        border:none;
    }
    header tbody {
        border:0;
    }
    header table tbody th, header table tbody td{
        padding:0;
        background-color:black;
        border:none;
        max-width:60px;
    }
body, header, footer, h1, h2, h3, h4, h5, p, a, ul, li {
    font-family:'Kontrapunkt';
}
#valikkoWrapper {
	margin-top:-10px;
    background-color:black;
    padding-left:0px;
    padding-right:0px;
    box-shadow:5px 5px 10px rgba(0,0,0,0.5);
	border-radius:10px;
}
#valikko {
    margin-left:auto;
    margin-right:auto;
	width:100%;
}
#uutisetHeader{
	font-size:18pt;
	font-weight:bold;
}
@media screen and (max-width:845px){
	#valikko {
       font-size:2.5vw;
    }
}
@media screen and (min-width:846px){
	#valikko {
       font-size:17pt;
    }
}
    #valikko li {
        text-align: center;
		width:240px;
    }
    #valikko a {
        color:white;
    }
#firstRow {
    font-size:14pt;
    
}
    #firstRow p {
        margin-top:20px;
    }
#secondRow {
    margin-top:30pt;
    font-size:14pt;
}
    #secondRow ul {
        list-style:none;
    }
footer {
    font-size:12pt;
    text-align:center;
	background-color:black;
	color:white;
	margin-bottom:0px;
	overflow:hidden;
}
.ruokaKalenteriHeader{
	font-weight:bold;
	text-align:center;
}
.viikonPaiva{
	border-right:1px solid black;
}
#ruokalistaHeader{
	font-size:18pt;
	font-weight:bold;
	margin-top:10px;
}
#ruokaKalenteri{
	font-size:12pt;
}
#ruokaKalenteri th{
	background-color:lightgrey;
}
.ruokaKalenteri1{
	border-bottom:1px solid lightgrey;
}
.bRight{
	border-right:1px solid lightgrey;
}
.bLeft{
	border-left:1px solid lightgrey;
}
.bBottom{
	border-bottom:1px solid lightgrey;
}
.palveluRight{
	float:right;
}
.hinnastoHeader{
	background-color:lightgrey;
}