@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    padding: 2em 3em;
    font-family: 'Open Sans', sans-serif;
}

.header h1 {
    margin: 0;
}

.container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 80%;
}

.col {
    min-height: 100%;
    grid-column: 1fr 1;
}

.col .bear {
    margin: 3em 1em;
}

.bear-description {
    margin-bottom: 0.25em;
}

.bear {
    transition: 0.25s all;
    border: solid #333 2px;
    padding: 1em;
    border-radius: 0.5em;
}

.bear:hover {
    transform: scale(1.05) rotate(1deg);
    box-shadow: #999 0.5em 0.5em 0.75em;
}

.bear-link {
    width: 100%;
    box-sizing: border-box;
}

.bear img {
    max-width: 100%;
}

.duplicate {
    display: none;
}

.duplicate .bear {
    margin: 1em 0;
}

footer {
    text-align: center;
}

@media (max-width: 600px) {
    .container {
        display: none;
    }

    .duplicate {
        display: initial;
    }
}