@media (max-width:600px)
{
    h1
    {
        color: #0bd;
    }
    .page-title{
        font-size: 2.5;
    }

    /* HEADER  */
    .main-nav
    {
        font-size: 1rem;
        margin-top: 10px;
    }
    .main-nav li
    {
        margin: 0 20px;
    }

    /* HOME  */
    .home-content
    {
        margin-top: 20%;
    }

    .page-header
    {
        flex-direction: column;
        align-items: center;
    }

    /* モバイル対応で上下に */
    .main-body
    {
        flex-direction: column;
        padding-top: 12px;
    }
    article,aside
    {
        width: 100%;
    }

}