*
body{
    color: blue;
    background: rgba(216,198,184);
}

@font-face{
    font-family:"KlinicSlabBold";
    src:url("CSS/Font/KlinicSlabBold.otf")format("opentype");
}


background{
    height: 40px;
}

#menu {   
    list-style-type:none;  
    margin:0;  
    padding:0;  
    height:30px;  
    background-color:rgb(207,28,68);  
    font-family:KlinicSlabBold; 
    font-weight: bold;
    font-size:1.2em;
}  
#menu li {  
    float:left;  
    height:30px;  
    line-height:30px;  
}  
#menu li a {  
    display:block;  
    padding:0 20px;  
    color:rgb(0,0,0);  
    text-decoration:none;  
}  
#menu li a:hover {  
    background-color:rgb(124,87,63);  
    text-decoration:none;  
} 

img{
    border-radius: 8px;
}

h1{
    font-size: 50px
}

.Background{
    background-size: 1600px 700px;
    position: relative;
    bottom:-2px;
    height: 850px;
    width: 99.3%;
}

.container {
  position: absolute;
  width: 500px;
    height: 334px;
}

.image {
    border-radius: 8px;
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgb(207,28,68);
}

.container:hover .overlay {
  opacity: 1;
}

.text {
    background-color: rgba(207,28,68,0.5);
  color: rgb(124,87,63);
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.MenuText{
    position: absolute;
    bottom:78%;
    left: 50%;
    transform: translate(-50%, 50%);
    width:1000px;
}