silvrgit/app/css/clock.css

@media (min-width:800px) {
    body {
        font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial;
    }

    #clock {
        font-family: 'Share Tech Mono';
        position: absolute;
        top: 0;
        left: 0;
        width: 800px;
        height: 300px;
        background-color: #212121;
        font-size: 180px;
        text-align: center;
        vertical-align: middle;
        color: #fff;
    }

    #clockDisplay {
        margin-top: 50;
    }

    #weather {
        position: absolute;
        top: 300px;
        left: 0;
        width: 800px;
        height: 150px;
        background-color: #312121;
    }

    #misc {
        position: absolute;
        top: 450px;
        left: 0;
        width: 800px;
        height: 150px;
        background-color: #213121;
    }

    .weatherBit {
        color: #fff;
        font-size: 36px;
    }

    .wday {
        color: #fff;
        text-align: center;
        text-transform: capitalize;
    }
}

@media (min-width:1024px){

    body {
        font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial;
        background-color: #212121;
        color: #fff;
    }

    #clock {
        font-family: 'Share Tech Mono';
        position: absolute;
        top: 0;
        left: 0;
        width: 1024px;
        height: 384px;
        background-color: #212121;
        font-size: 180px;
        text-align: center;
        vertical-align: middle;
        color: #fff;
    }

    #clockDisplay {
        margin-top: 50;
    }

    #weather {
        position: absolute;
        top: 384px;
        left: 0;
        width: 1024px;
        height: 192px;
        background-color: #312121;
    }

    #misc {
        position: absolute;
        top: 576px;
        left: 0;
        width: 1024px;
        height: 192px;
        background-color: #213121;
    }

    .weatherBit {
        color: #fff;
        font-size: 36px;
    }

    .wday {
        color: #fff;
        text-align: center;
        text-transform: capitalize;
    }


}

@media (min-width:1280px){

    body {
        font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial;
        background-color: #212121;
        color: #fff;
    }

    #clock {
        font-family: 'Share Tech Mono';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 512px;
        background-color: #212121;
        font-size: 300px;
        text-align: center;
        vertical-align: middle;
        color: #fff;
    }

    #clockDisplay {
        margin-top: 50;
    }

    #weather {
        position: absolute;
        top: 512px;
        left: 0;
        width: 100%;
        height: 256px;
        background-color: #312121;
    }

    #misc {
        position: absolute;
        top: 768px;
        left: 0;
        width: 100%;
        height: 256px;
        background-color: #213121;
    }

    .weatherBit {
        color: #fff;
        font-size: 36px;
    }

    .wday {
        color: #fff;
        text-align: center;
        text-transform: capitalize;
    }


}