@media screen and (max-width:1024px) {

}

@media screen and (max-width:620px) {

    body {
        width: 100%;
        font-size: 80%;
    }

    #page {
        width: 100%;
        margin: 0px auto 60px;
    }

    #menu {
        margin: 0;
    }

    #dates {
        width: 90%;
        margin: 0;
        height: 20px;
        overflow: hidden;
        float: none;
    }

    #dates .clicker {
        text-align: right;
    }

    #date-close {
        text-align: center;
        background: black;
        color: #EFEFEF;
        font-size: 20px;
        text-transform: uppercase;
        cursor: pointer;
        width: 150px;
    }

    #colorChooser {
        display: none;
    }

    #mosaic {
        width: 100%;
    }

    .clicker {
        display: inline-block;
    }

    #menu {
        width: 320px;
        overflow: hidden;
    }

    #menu li {
        float: none;
        width: 100%;
    }

    #menu a {
        float: none;
        width: 100%;
    }

    #container img {
        text-align: center;
    }

    .front-pics {
        width: 320px;
    }
	
	.social {
		position: relative;
		right: 0;
	    top: 0;
	    display: block;
	    width: 100%;
	    height: 40px;
		z-index: 10000;
    }

}