launch_failures_style.css

body {
    margin: 0px;
    padding: 0px;
}
* {
    font-family: 'McLaren';
}
.main {
    display: flex;
    flex-flow: column wrap;
    background-color: #263238;
    width: 90%;
    padding: 2.5% 5% 2.5% 5%;
    text-align: center;
}
.main h1:nth-of-type(1) {
    margin: 10px 0px 30px 0px;
}
.grid {
    display: grid;
    grid-template-rows: 30% 30% 30%;
    grid-template-columns: 40% 40%;
    grid-template-areas: "a b"
                         "c d"
                         "e f";
    grid-gap: 20px;
}
img {
    width: 100%;
    height: 100%;
}
.sz {
    grid-area: a;
}
.szimg {
    grid-area: b;
}
.sts51 {
    grid-area: c;
}
.sts51img {
    grid-area: d;
}
.sts107 {
    grid-area: e;
}
.sts107img {
    grid-area: f;
}
@media (max-width: 650px) {
    .main {
        align-items: center;
    }
    .main h1 {
        font-size: 30px;
    }
    .main h2 {
        font-size: 20px;
    }
    .grid {
        grid-template-areas: "a"
                             "b"
                             "c"
                             "d"
                             "e"
                             "f";
        grid-template-rows: 15% 15% 15% 15% 15% 15%;
        grid-template-columns: 40%;
        grid-gap: 10px;
    }
}