@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 i {
    font-size: 200%;
    color: white;
    background: rgb(21, 21, 199);
    padding: 0.5em;
    border-radius: 50px;
  }
  body .logo img {
    width: 50%;
  }
  body .container .box {
    padding: 1em;
  }
  body .container .box .box-1 .image-1 img {
    width: 100%;
  }
  body .container .box .box-1 .show h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 120%;
    letter-spacing: 0.1rem;
  }
  body .container .box .box-1 .show iframe {
    width: 100%;
    height: 50vh;
  }
  body .container .box .box-1 .images {
    display: flex;
  }
  body .container .box .box-1 .images img {
    width: 100%;
  }
  body .container .box .box-2 h1 {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5rem;
    font-size: 50%;
  }
  body .container .box .box-2 p {
    text-align: justify;
    font-size: 2%;
    letter-spacing: 0.1rem;
  }
  body .container .box .box-2 .buy {
    text-align: center;
    padding: 1em;
  }
  body .container .box .box-2 .buy button {
    padding: 1em;
    text-transform: uppercase;
    font-size: 40%;
    letter-spacing: 0.1rem;
    border-radius: 4px;
  }
  body .container .box .box-2 .buy .call {
    border: none;
    background: blue;
    color: white;
  }
  body .container .box .box-2 .buy .order {
    background: green;
    border: none;
  }
  body .container .box .box-2 .buy .order a {
    color: white;
    text-decoration: none;
  }
}
@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: 50%;
  }
  body .container .box {
    padding: 1em;
  }
  body .container .box .box-1 .image-1 img {
    width: 100%;
  }
  body .container .box .box-1 .show h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 120%;
    letter-spacing: 0.1rem;
  }
  body .container .box .box-1 .show iframe {
    width: 100%;
    height: 70vh;
  }
  body .container .box .box-1 .images {
    display: none;
  }
  body .container .box .box-1 .images img {
    width: 100%;
  }
  body .container .box .box-2 {
    width: 60%;
    padding: 1em;
  }
  body .container .box .box-2 h1 {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5rem;
    font-size: 120%;
  }
  body .container .box .box-2 p {
    text-align: justify;
    font-size: 70%;
    letter-spacing: 0.1rem;
  }
  body .container .box .box-2 .buy {
    text-align: center;
    padding: 1em;
  }
  body .container .box .box-2 .buy button {
    padding: 1em;
    text-transform: uppercase;
    font-size: 70%;
    letter-spacing: 0.1rem;
    margin: 1%;
  }
  body .container .box .box-2 .buy .call {
    border: none;
    background: blue;
    color: white;
  }
  body .container .box .box-2 .buy .order {
    background: green;
    border: none;
  }
  body .container .box .box-2 .buy .order a {
    color: white;
    text-decoration: none;
  }
}/*# sourceMappingURL=console-card.css.map */