@font-face {
  font-family: Bubble3D;
  src: url(../Bubble3D.ttf);
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
	font-family: 'Raleway', sans-serif !important;
	background-color: #2b2b2b;
  cursor: url(https://image.flaticon.com/icons/png/128/135/135687.png),auto;
}
h1 {
  font-family: Bubble3D;
  font-size: 3em;
}
iframe {
  margin: 1em auto;
}
h2 {
  font-family: Bubble3D;
  font-size: 2em;
}
.yellow {
  color: #ffc107;
}
.vistaPlash {
  height: 100vh;
  width: 100%;
  flex-direction: column;
}
.center {
  text-align: center;
}
.flex {
  display: flex;
}
.white {
  background: white;
}

.cont-cuadrado{
  display: flex;
  justify-content: space-between;

}

.cuadrado {
  width: 20px;
  height: 20px;
  border: 2px solid white;
  display: inline-block;
}
.linea {
  width: 100%;
  height: 1px;
  margin-top: 9px;
  border: 1px solid white;
}
.input-group {
  padding: 1em;
}
.input-group span {
  padding: 0 2em;
}
.input-group input {
  padding: 2em;
  font-size: 1.5em;
}
.restaurantes {
  list-style: none;
  /* display: flex;
  justify-content: space-around; */
}
.restaurantes li {
  display: inline-block;
  border: 1px solid white;
  border-radius: 6px;
  padding: 1em;
  font-size: 2em;
  cursor: pointer!important;
}
.images {

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.images img{
  margin: auto;
  width: 45%;
  cursor: pointer!important;
  border: 5px dashed #ffc107;
}
.images img:hover{
  border: 10px solid white;
}
.modal-content {
  background: linear-gradient(#2b2b2b, #ffc107)
}
.btn-default {
  background: #000;
  color: #fff;
}
.btn-default:hover {
  background: #fff;
  color: #000;
}
.blanco {
  color: white;
}
@media (min-width: 768px){
  h2 {
    font-size: 5em;
  }
  h1 {
    font-size: 10em;
  }
  .images img{
    width: 30%;
    cursor: pointer!important;
    display: inline-block;
  }
  #img1 {
    margin: 1% 15%;
  }
  #img2 {
    margin: auto 0%;
  }
}
#myModal {
  cursor: pointer!important;
}
@media (max-width: 768px){
  .input-group span {
    padding: 0 1em;
  }
  .input-group input {
    padding: 1em;
    font-size: 1.5em;
  }
  .restaurantes li {
    font-size: 1em;
    margin: 0.5em 1.5em;
  }
  .images img{
    width: 45%;
    cursor: pointer!important;
    display: inline-block;
    margin: auto 0.5em;
  }
  #myModal {
    cursor: pointer!important;
  }
  .images img{
    border: 3px dashed #ffc107;
  }
  .images img:hover{
    border: 5px solid white;
  }
  .vistaPlash {
    margin: 50% auto;
  }
}