.cuadro {
  width: 240px;
  height: 320px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px black;
}
* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #2b2b33;
}
h1 {
  font-family: 'Bangers', cursive;
  font-size: 50px;
  color: #e69020;
  letter-spacing: 5px;
  text-shadow: 3px 3px 3px #2b2b33;
}
p {
  font-family: 'Nunito', sans-serif;
  color: white;
}
.subir {
  padding: 7px 17px;
  background-color: #e69020;
  font-size: 30px;
  font-family: 'Bangers', cursive;
  color: black;
  margin: auto;
  height: 40px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 100;
  position: fixed;
  left: 10px;
  bottom: 40px;
}
.subir a {
  color: black;
}
.subir:active {
  background-color: black ;
}
.subir:active a {
  color: #e69020;
}
.header {
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: none;
  background-color: transparent;
  position: absolute;
  width: 100%;
}
.header__logo img {
  width: 120px;
  margin: 40px 60px;
}
.header .hamburguesa {
  display: none;
  justify-content: center;
  align-items: center;
}
.header .hamburguesa img {
  margin: 40px 60px;
  width: 40px;
}
.header__menu ul {
  display: flex;
  margin: 60px 60px;
}
.header__menu ul a {
  color: white;
  list-style: none;
  margin: 0 20px;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 800;
  outline: none;
}
.header__menu ul a:hover {
  color: #e6c338;
}
.section1 {
  background: url(./src/images/comelonesfhotos/fondocomelones.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  height: 100vh;
}
.section1 .container_paragraph {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section1 .container_paragraph h1 {
  font-size: 70px;
  font-family: 'Bangers', cursive;
  color: white;
  letter-spacing: 5px;
  padding: 20px;
}
.combo {
  background-color: #ffffff13;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
  padding: 20px 0;
  box-shadow: 0px 0px 10px black;
  margin-bottom: 20px;
}
.combo h2 {
  font-family: 'Bangers', cursive;
  color: #e69020;
  font-size: 20px;
  letter-spacing: 2px;
}
.combo p {
  max-width: 80%;
  color: white;
  font-weight: 800;
}
.combo p span {
  font-family: 'Bangers', cursive;
  letter-spacing: 2px;
  color: #e69020;
  font-size: 22px;
}
.menu__comida {
  display: flex;
  justify-content: center;
  align-items: none;
  flex-wrap: wrap;
}
.container-food {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-food h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-food:hover {
  border: 3px solid #e69020;
}
.container-food:hover h1 {
  background-color: #000000;
  color: #e69020;
}
a {
  text-decoration: none;
}
.container-hamburguesa {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/hamb_ult.png);
}
.container-hamburguesa h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-hamburguesa:hover {
  border: 3px solid #e69020;
}
.container-hamburguesa:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-crepes {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/crepes__carnes.png);
}
.container-crepes h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-crepes:hover {
  border: 3px solid #e69020;
}
.container-crepes:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-burritos {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/burrito.png);
}
.container-burritos h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-burritos:hover {
  border: 3px solid #e69020;
}
.container-burritos:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-salchipapas {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/salchipapa.png);
}
.container-salchipapas h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-salchipapas:hover {
  border: 3px solid #e69020;
}
.container-salchipapas:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-quesadillas {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/quesadilla.png);
}
.container-quesadillas h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-quesadillas:hover {
  border: 3px solid #e69020;
}
.container-quesadillas:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-patacones {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/patacon.png);
}
.container-patacones h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-patacones:hover {
  border: 3px solid #e69020;
}
.container-patacones:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-perros {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/perro.png);
}
.container-perros h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-perros:hover {
  border: 3px solid #e69020;
}
.container-perros:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-carnes {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/parrillada.png);
}
.container-carnes h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-carnes:hover {
  border: 3px solid #e69020;
}
.container-carnes:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-arepas {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/arepa.png);
}
.container-arepas h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-arepas:hover {
  border: 3px solid #e69020;
}
.container-arepas:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-mazorcadas {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/mazorcada.png);
}
.container-mazorcadas h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-mazorcadas:hover {
  border: 3px solid #e69020;
}
.container-mazorcadas:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-crepes-dulces {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/comelonesfhotos/frutas.png);
}
.container-crepes-dulces h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-crepes-dulces:hover {
  border: 3px solid #e69020;
}
.container-crepes-dulces:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-bebidas {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/bebida.png);
}
.container-bebidas h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-bebidas:hover {
  border: 3px solid #e69020;
}
.container-bebidas:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-fruteria {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/frutas.png);
}
.container-fruteria h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-fruteria:hover {
  border: 3px solid #e69020;
}
.container-fruteria:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-adiciones {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/papas.png);
}
.container-adiciones h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-adiciones:hover {
  border: 3px solid #e69020;
}
.container-adiciones:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.container-infantil {
  width: 300px;
  margin: 10px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  filter: brightness(90%);
  border-radius: 5px;
  position: relative;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./src/images/marvel.png);
}
.container-infantil h1 {
  margin-top: 200px;
  background-color: #e69020;
  position: relative;
  z-index: 20;
  color: #000000;
  text-shadow: none;
}
.container-infantil:hover {
  border: 3px solid #e69020;
}
.container-infantil:hover h1 {
  background-color: #000000;
  color: #e69020;
}
.footer {
  background: linear-gradient(#2b2b33, #111111);
  height: 300px;
  display: flex;
  justify-content: space-between;
  padding: 20px 3%;
}
.footer .contacto {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.footer .contacto .botones-footer {
  margin-top: 30px;
}
.footer .contacto h1 {
  margin-bottom: 30px;
}
.footer .contacto p span {
  font-family: 'Quicksand', sans-serif;
  color: #e69020;
  font-weight: 900;
  font-size: 18px;
}
.footer .contacto p {
  font-size: 22px;
  font-weight: 900;
}
.footer .contacto div img {
  padding: 5px;
  width: 40px;
  border-radius: 100%;
  border: 2px solid white;
}
.footer .contacto div img:hover {
  border: 2px solid #e69020;
}
.footer .pagos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.footer .pagos div img {
  width: 240px;
  border-radius: 150%;
}
@media (max-width: 644px) {
  .pagos div {
    display: none;
  }
  .footer {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}