*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}
.homePage {
  background: black;
  overflow-x: hidden;
}
.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120vh;
    background: black;
    /*background: linear-gradient(to left, #ba7453, #d1a984);*/
    z-index: -3;
    padding-bottom: 100px;

}
.head, .places {
  background: black;
  display: grid;
  grid-template-columns: 10% 1fr 1fr 10%;
  min-height: 10vh;
  color: white;

  align-items: center;
}

#logo {
  color: white;
  padding-left: 15px;
  grid-column: 1/3;
  font-size: 24px;

}
.places {
  padding-right: 650px;
  display: flex;
  position: relative;



}
#shop {

  font-size: 24px;
  padding-left: 10px;
}
#login {
  text-align: left;
  font-size: 24px;
  padding-left: 10px;
}
#home {
  text-decoration: none;
  font-size: 24px;

}
.btn {
  text-decoration: none;
  color: white;
}
.newcart {
  color: white;
  text-decoration: none;
  /*height: 50%;*/
  justify-self: end;
}
.brothersam {
  width: 20%;
  height: 20%;
}
.car {
  display:flex;
  height: 90vh;
  /*justify-content: center;*/
  /*align-items: center;*/
  background: black;
  z-index: -2;
}
.hero {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  background: black;


}

.hero img {
  width: 100%;
  height: 140%;
  object-fit: cover;
  z-index: 1;
  background: black;



}
.headline {
    word-wrap: break-word;
    font-family: "Verdana";
    background: transparent;
    position: absolute;
    top: 70%;
    left: 10%;
    font-size: 100px;
    transform: translate(-20%, -70%);
    color: white;
    z-index: 3;

}
.hero::after {
  content: "";
  background: black;
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  opacity: 0.3;
  top: 0;
  z-index: 1;
  background: black;

}
footer {
    background-color: black;
    margin-top: 100px; /* space between content and footer */
    box-sizing: content-box;
    position: relative;
    bottom:-500px;
    height:100px;
    width:100%;
    border-top: 1px solid black;

    clear: both;


    margin-top: -200px;

}
.contacter {
  display: block;
	font-weight: normal;
	margin: 0;
	padding: 0px 0;
	font-size: 18px;
	text-align: center;
	width: 100%;
	color: silver;
}
.info-container {
  z-index: 6;
}
#restaurant-info {
  z-index: 6;
}