* {
    margin: 0;
    padding: 0;
}

body {
    background: #E9ECF4;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

.contenedor {
    width: 90%;
    max-width: 1000px;
    margin: 20px auto;
    display: grid;
    grid-gap: 20px;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.contenedor .armas {
    height: 80px;
    display: flex;
    justify-content: space-around;
}

i:hover {
    color: red;
}

.contenedor .resultados {
    height: 230px;
}

@media screen and (max-width: 768px) {
    .contenedor {
        grid-template-columns: auto;
        grid-template-rows: repeat(6, auto);
        grid-template-areas: "header" "titulo" "arma-1" "arma-2" "arma-3" "footer";
    }
    .contenedor .armas {
        height: 55px;
    }
    .contenedor h3 {
        font-size: 12px;
    }
    .contenedor .resultados {
        height: 210px;
    }
}