.footer
    background-color: $color-theme-4
    color: $color-grey-1
    font-size: 0.75rem
    position: absolute
    bottom: 0
    width: 100%

    .wrapper
        padding: 1rem

    a
        border-bottom: 1px dotted
        color: $color-grey-3
        text-decoration: none

    a:hover
        border-bottom: 1px solid
        color: $color-main-background

    .links
        list-style-type: none
        margin: 0 auto 0.5rem
        text-align: center

    p
        text-align: center

    .notice
        display: block

    .last-build
        margin-bottom: 0

    @media only screen and (min-width: $screen-width-s)
        .links
            list-style-type: none
            margin: 0 auto 0.5rem
            text-align: center

        li
            display: inline-block

        li::after
            content: "\00b7"
            margin: 0 0.25rem 0 0.5rem

        li:last-child::after
            content: ""
            margin: 0

    @media only screen and (min-width: 30em)
        .links
            float: right
            text-align: right

            li
                display: block

            li::after
                content: ""
                margin: 0

        p
            text-align: left

        .notice
            display: inline
.footer
    background-color: $color-theme-4
    color: $color-grey-1
    font-size: 0.75rem
    position: absolute
    bottom: 0
    width: 100%

    .wrapper
        padding: 1rem

    a
        border-bottom: 1px dotted
        color: $color-grey-3
        text-decoration: none

    a:hover
        border-bottom: 1px solid
        color: $color-main-background

    .links
        list-style-type: none
        margin: 0 auto 0.5rem
        text-align: center

    p
        text-align: center

    .notice
        display: block

    .last-build
        margin-bottom: 0

    @media only screen and (min-width: $screen-width-s)
        .links
            list-style-type: none
            margin: 0 auto 0.5rem
            text-align: center

        li
            display: inline-block

        li::after
            content: "\00b7"
            margin: 0 0.25rem 0 0.5rem

        li:last-child::after
            content: ""
            margin: 0

    @media only screen and (min-width: $screen-width-m)
        .links
            float: right
            text-align: right

            li
                display: block

            li::after
                content: ""
                margin: 0

        p
            text-align: left

        .notice
            display: inline
Use Variable for Screen Width instead of Fixed Value
Use Variable for Screen Width instead of Fixed Value
