* {
  box-sizing: border-box;
}

body {
  background: #fff; /*a7201f*/ /*9f2241*/
  color: rgb(0, 0, 0);
  line-height: 1.6;
  font-family: "Quicksand", sans-serif;
  padding: 0 1.5em;
}

.container {
  background-color: #991717;
  margin: auto;
  width: 90%;
  max-width: 400px;
  padding: 4.5em 3em;
  border-radius: 10px;
  box-shadow: 0 5px 10px -5px rgb(0 0 0 / 30%);
  text-align: center;
  color: #fff;
}

.logo {
  color: #9f2241;
  text-align: center;
  font-size: 2.5em;
  
}

.logo span {
  color: #b38e5d; /*b70e21*/
}

#resultado {
    background-color: red;
    color: white;
    font-weight: bold;
}
#resultado.ok {
    background-color: green;
}

@media (min-width: 782px) {

  .logo {
  color: #f9f2241;
  text-align: center;
  font-size: 3em;
}
}