@media all and (min-width: 200px) and (max-width: 1080px) {
  body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  body .logo {
    text-align: center;
  }
  body .logo img {
    width: 40%;
    border-radius: 100%;
  }
  body nav ul {
    text-align: center;
  }
  body nav ul li {
    text-transform: uppercase;
    font-size: 70%;
    list-style: none;
    display: inline;
    margin: 2%;
    letter-spacing: 0.1rem;
  }
  body nav ul li a {
    text-decoration: none;
  }
  body .container .box-image img {
    width: 100%;
  }
  body .container .box-image .information {
    position: absolute;
    width: 70%;
    color: white;
    display: flex;
    transform: translateY(-104%);
    margin: 0.5%;
  }
  body .container .box-image .information .game {
    width: 50%;
    display: none;
  }
  body .container .box-image .information .game img {
    width: 100%;
  }
  body .container .box-image .information .cont-1 {
    padding: 0.5em;
    width: 100%;
  }
  body .container .box-image .information .cont-1 h1 {
    width: 50%;
    background: rgba(0, 0, 0, 0.616);
    text-transform: uppercase;
    font-size: 70%;
    letter-spacing: 0.2rem;
    padding: 0.4em;
  }
  body .container .box-image .information .cont-1 p {
    padding: 0.5em;
    background: rgba(0, 0, 0, 0.616);
    text-align: justify;
    font-size: 55%;
  }
  body .container .box-image .information .cont-1 label {
    font-size: 60%;
    font-weight: bold;
    text-transform: capitalize;
    background: white;
    color: black;
    padding: 0.3em;
    border: none;
    border-radius: 3px;
  }
  body .container .box-image .information .cont-1 label span {
    color: red;
  }
  body .container .box-image .information .cont-1 img {
    width: 15%;
  }
  body .container .box-image .information .cont-1 .buy-btn {
    text-align: center;
    padding: 1em;
  }
  body .container .box-image .information .cont-1 .buy-btn button {
    padding: 0.7em;
    border-radius: 4px;
  }
  body .container .box-image .information .cont-1 .buy-btn .call {
    font-size: 60%;
    background: blue;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
  }
  body .container .box-image .information .cont-1 .buy-btn .call a {
    color: white;
    text-decoration: none;
  }
  body .container .box-image .information .cont-1 .buy-btn .text {
    letter-spacing: 0.1rem;
    font-size: 60%;
    background: black;
    border: none;
    text-transform: uppercase;
  }
  body .container .box-image .information .cont-1 .buy-btn .text span {
    color: green;
    font-weight: bold;
  }
  body .container .box-image .information .cont-1 .buy-btn .text a {
    color: white;
    text-decoration: none;
  }
  body .order {
    text-align: center;
    padding: 1em;
  }
  body .order button {
    padding: 0.4em;
    text-transform: uppercase;
    border-radius: 4px;
  }
  body .order .call-to-order {
    background: black;
    color: white;
    border: none;
    font-size: 60%;
  }
  body .order .whatsapp-to-order {
    font-size: 60%;
    background: blue;
    border: none;
  }
  body .order .whatsapp-to-order a {
    text-decoration: none;
    color: white;
  }
  body .cont-pas h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 100%;
    letter-spacing: 0.3rem;
  }
  body .cont-pas p {
    letter-spacing: 0.1rem;
    text-align: justify;
    font-size: 70%;
  }
  body .videos video {
    width: 100%;
  }
  body iframe {
    width: 100%;
    height: 60vh;
    border: none;
  }
  body .game-systems ul {
    text-align: center;
  }
  body .game-systems ul li {
    list-style: none;
    display: inline;
    margin: 1em;
  }
  body .game-systems ul li i {
    font-size: 80%;
  }
  body .games h1 {
    text-transform: uppercase;
    font-size: 100%;
    letter-spacing: 0.5rem;
    text-align: center;
  }
  body .games .game-images {
    display: flex;
  }
  body .games .game-images .images {
    width: 50%;
    margin: 0.5%;
  }
  body .games .game-images .images img {
    width: 100%;
    border-radius: 5px;
  }
  body .other-gamez .list-gamez {
    display: flex;
  }
  body .other-gamez .list-gamez .gamez {
    width: 50%;
    margin: 0.4%;
  }
  body .other-gamez .list-gamez .gamez img {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  body .other-gamez .list-gamez .gamez .tittlez {
    text-align: center;
    background: lightgrey;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  body .other-gamez .list-gamez .gamez .tittlez h7 {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.2em;
    font-size: 70%;
  }
}
@media all and (min-width: 1080px) and (max-width: 3000px) {
  body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  }
  body .logo {
    text-align: center;
  }
  body .logo img {
    width: 60%;
    border-radius: 100%;
  }
  body nav ul {
    text-align: center;
  }
  body nav ul :hover {
    background: blue;
    color: white;
    transition: 1s;
    padding: 0.7em;
    border-radius: 3px;
  }
  body nav ul li {
    text-transform: uppercase;
    font-size: 120%;
    font-weight: bold;
    list-style: none;
    display: inline;
    margin: 2%;
    letter-spacing: 0.6rem;
  }
  body nav ul li a {
    text-decoration: none;
  }
  body .container .box-image img {
    width: 100%;
  }
  body .container .box-image .information {
    position: absolute;
    width: 60%;
    color: white;
    display: flex;
    transform: translateY(-110%);
    margin: 0.5%;
  }
  body .container .box-image .information .game {
    width: 60%;
  }
  body .container .box-image .information .game img {
    width: 100%;
  }
  body .container .box-image .information .cont-1 {
    width: 95%;
    padding: 0.4em;
  }
  body .container .box-image .information .cont-1 h1 {
    background: rgba(0, 0, 0, 0.568);
    text-transform: uppercase;
    font-size: 150%;
    letter-spacing: 0.3rem;
    text-align: center;
  }
  body .container .box-image .information .cont-1 p {
    background: rgba(0, 0, 0, 0.568);
    text-align: justify;
    font-size: 80%;
    padding: 1em;
    letter-spacing: 0.1rem;
  }
  body .container .box-image .information .cont-1 label {
    font-size: 70%;
    font-weight: bold;
    text-transform: capitalize;
    color: blue;
    background: white;
    padding: 0.3em;
    border: none;
    border-radius: 3px;
  }
  body .container .box-image .information .cont-1 label span {
    color: red;
  }
  body .container .box-image .information .cont-1 img {
    width: 20%;
  }
  body .container .box-image .information .cont-1 .buy-btn {
    text-align: center;
    padding: 1em;
  }
  body .container .box-image .information .cont-1 .buy-btn button {
    padding: 0.7em;
    border-radius: 4px;
  }
  body .container .box-image .information .cont-1 .buy-btn .call {
    font-size: 80%;
    background: blue;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
  }
  body .container .box-image .information .cont-1 .buy-btn .call a {
    color: white;
    text-decoration: none;
  }
  body .container .box-image .information .cont-1 .buy-btn .text {
    letter-spacing: 0.1rem;
    font-size: 80%;
    background: black;
    border: none;
    text-transform: uppercase;
  }
  body .container .box-image .information .cont-1 .buy-btn .text span {
    color: green;
    font-weight: bold;
  }
  body .container .box-image .information .cont-1 .buy-btn .text a {
    color: white;
    text-decoration: none;
  }
  body .order {
    text-align: center;
    padding: 1em;
  }
  body .order button {
    padding: 0.6em;
    text-transform: uppercase;
    border-radius: 4px;
  }
  body .order .call-to-order {
    background: black;
    color: white;
    border: none;
    font-size: 120%;
    letter-spacing: 0.2rem;
  }
  body .order .whatsapp-to-order {
    font-size: 70%;
    background: blue;
    border: none;
    font-size: 120%;
    letter-spacing: 0.2rem;
  }
  body .order .whatsapp-to-order a {
    text-decoration: none;
    color: white;
  }
  body .cont-pas {
    padding: 1em;
  }
  body .cont-pas h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.3rem;
  }
  body .cont-pas p {
    letter-spacing: 0.1rem;
    text-align: justify;
    font-size: 80%;
  }
  body .videos video {
    width: 100%;
  }
  body iframe {
    width: 100%;
    height: 80vh;
    border: none;
  }
  body .game-systems ul {
    text-align: center;
  }
  body .game-systems ul li {
    list-style: none;
    display: inline;
    margin: 1em;
  }
  body .game-systems ul li i {
    font-size: 120%;
  }
  body .games h1 {
    text-transform: uppercase;
    font-size: 150%;
    letter-spacing: 0.5rem;
    text-align: center;
  }
  body .games .game-images {
    display: flex;
  }
  body .games .game-images .images {
    width: 50%;
    margin: 0.5%;
  }
  body .games .game-images .images img {
    width: 100%;
    border-radius: 5px;
  }
}/*# sourceMappingURL=game-card.css.map */