.bcimg{
 position: relative;
 z-index: 1;
 background-image:url(cafebgc.jpg);
 background-repeat:no-repeat;
 background-size: cover; 
 height:100%;
}

.bcimg::after{
 content: "";
 position: absolute;
 z-index: 2;
 width: 100%;
 height:100%;
 top: 0;
 left: 0;
 background-color: white;
 opacity:0.6;
}
.bcimg>h1{
  position: relative;
  z-index: 3;
}

.cent{
 display:block;
 text-align:center;
 color :white;
 margin-left:auto;
 margin-right:auto;
}

.navi{
 display:flex;
 list-style:none;
 color:white;
 margin-left:17em;
}

.navi a{
 padding:25px;
 margin-left:45px;
}

.navi a:hover{
 color:#305089;
 background:#ffd700;
}

.area a{
 margin:5px;
}

.area a:hover{
 opacity:0.5;
}

footer{
 background:#432;
 text-align: center;
 padding:20px;
}

footer p{
 color:white;
 font-size:0.85em;
}