@media (orientation: portrait) {
    header {
        height: 5%;
    }

    header p {
        font-size: 250%;
    }

    #navigation {
        display: grid;
        grid-template-rows: repeat(3, 100px);
        grid-template-columns: 98%;
    }

    .navList {
        width: 100%;
        height: 90px;
        font-size: 40px;
        margin: 10px 0 10px 0;
    }

    #aboutButton {
        grid-row: 2 / 2;
    }

    #grid-wrapper {
        display: block;
        width: 98%;
        margin: 2% 0 2% 1%;
    }

    .template-entry h3 {
        line-height: 70px;
        font-size: 40px;
    }

    .entry {
        font-size: 35px;
    }

    #footer {
        height: 11%;
        flex-direction: column;
        font-size: 40px;
        position: unset;
    }

    #footer * {
        margin: 0 0 1% 0;
    }

    .repo {
        margin: 1%;
    }

    .repo h3 {
        line-height: 70px;
        font-size: 40px;
    }

    .repo div {
        font-size: 35px;
        margin: 0 0 1% 0;
    }
}