footer
    padding: 20px
    background: #e9f6fd
    background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%)
    background: -webkit-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%)
    background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%)
    border-top: 1px solid #ddd
    text-align: center
    .copyright
        display: inline-block
        text-align: center
        font-size: 90%
        vertical-align: top
        margin-top: 35px
        padding: 15px
        margin-left: 5vw
    .squeebot
        width: 200px
    .logo
        font-family: "Open Sans"
        font-weight: bold
        text-transform: uppercase
        text-shadow: 2px 2px 1px #007104
        color: #00b300
        letter-spacing: 5px
        user-select: none
        font-size: 30px
        text-align: inherit
        cursor: pointer
        display: inline-block
        .part1, .part2
            display: inline-block
        .part1
            color: #03A9F4
            text-shadow: 2px 2px 1px #0059a0
            margin-right: 5px

@media all and (max-width: 800px)
    footer
        .squeebot
            margin: 0
            width: 150px
            margin: auto
            display: block
        .copyright
            margin-left: 0