.starter-div {
    width: 100%;
    /* flex stuff */
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0;
    /* centering */
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box-type-a {
    padding: 0.5em;
    background:linear-gradient(rgb(30,30,30), black) no-repeat fixed;
    color: white;
    filter: drop-shadow(0 0 0.5em rgba(255, 255, 255, 0.9));
    border-radius: 5px;
}

.starter-div img {
    max-width:250px;
    width: auto;
    filter:drop-shadow(0 0 0.2em rgba(255, 255, 255, 0.7));
}

.starter-div h1 {
    filter:drop-shadow(0 0 0.1em rgba(255, 255, 255, 0.4));
    font-size: 3em;
    margin: 0;
    padding: 0;
}

.starter-div h2 {
    font-size: 1em;
    margin: 0;
    font-style: italic;
    color: lightgray;
    font-weight: lighter;
}

.starter-div button {
    background:linear-gradient(0.25turn, rgb(40,40,40), black) no-repeat fixed;
    font-family: jura;
    font-size: large;
    text-decoration: none;
    border: solid 1px rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    padding: 0.5em;
    margin: 2px;
    text-align: left;
    color: white;
    transition: 0.3s;
    align-content: center;
    justify-content: center;
}

.starter-div button:hover {
    background:linear-gradient(-0.25turn, lightgrey, white) no-repeat fixed;
    color:black;
    border: solid 1px white;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.8));
}

@media only screen and (max-width: 1068px)
{
    .starter-div {
        flex-direction: column;
        text-align: center;
    }
    .starter-div img {
        width:100%;
    }
    .starter-div button {
        width: 100%;
    }
}