body {
    font-family: Karla, sans-serif;
    font-size: 25px;

    & > section:first-of-type {
        max-width: 600px;
        padding: 0 20px;
        margin: 10% auto 50px;

        & h1 {
            text-transform: lowercase;
            margin-bottom: 40px;

            & span {
                color: #f60;
            }
        }

        & p {
            color: #333;
            line-height: 1.3;

            &:last-of-type {
                margin: 35px 0 0 70%;
            }
        }

        & a {
            text-decoration: none;
            color: #333;

            &:not(:hover) {
                border-bottom: 1px dotted #666;
            }
        }
    }
}

@media (max-width: 600px) {
    body {
        font-size: 18px;

        & > section:first-of-type {
            padding: 0 15px;
            margin: 30px auto;

            & h1 {
                font-size: 2em;
                margin-bottom: 25px;
            }

            & p {
                line-height: 1.4;

                &:last-of-type {
                    margin: 25px 0 0 50%;
                }
            }
        }
    }
}