@media screen and (min-width:700px){
.responsive-level-1{display:block}
.responsive-level-2,
.responsive-level-3{display:none}
}
@media screen and (max-width:700px) {

#header{
    padding:30px
    }

#header h1 a{
    font-size:30px
    }

#header span#responsive-menu{
    display:block;
    font:20px "icon";
    float:right;
    cursor:pointer;
    }

a#menu-click{
    display:none
    }

#header #navigation{
    display:none;
    float:none;
    margin:30px 0 0 0
    }

#header #navigation a{
    margin:0 30px 0 0
    }

.slide-down{
    margin:730px 0 0 0
    }

#menu #wrapper{
    float:none;
    width:482px;
    padding:0;
    margin:20px auto;
    border:none
    }

#menu{
    padding:20px 0;
    }

#menu #wrapper #contact,
#menu #wrapper #facebook,
#menu #wrapper #social h2{
    display:none
    }

#menu #wrapper #social a{
    margin:5px
    }

#menu #wrapper #description,
#menu #wrapper #social{
    height:auto;
    width:500px;
    }

#cover{
    margin:80px 0 0 0;
    height:300px
    }

#cover img{
    height:160px;
    margin:70px 0 !important
    }

#posts,.entry,.entry .media iframe,.entry .overlay,.entry .captions,.perma-container{width:500px !important}

.entry{
    margin:0 auto 30px auto
    }

.entry span.like-button,
.entry a.permalink-button,
.entry a.reblog-button
{top:15px;background:rgba(0,0,0,.7);border:0}

#pagination a{
    padding:20px 25px;
    letter-spacing:0
    }

.responsive-level-2{display:block}
.responsive-level-3,
.responsive-level-1{display:none}

}

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

#header{
    padding:15px;
    }

#header h1 a{
    font-size:25px
    }

#menu #wrapper{
    float:none;
    width:282px;
    padding:0;
    margin:20px auto;
    border:none
    }

#menu{
    padding:0;
    }

#menu #wrapper #contact,
#menu #wrapper #facebook,
#menu #wrapper #social h2{
    display:none
    }

#menu #wrapper #social a{
    margin:5px
    }

#menu #wrapper #description,
#menu #wrapper #social{
    height:auto;
    width:300px;
    }

.slide-down{
    margin:700px 0 0 0
    }

#cover{
    margin:50px 0 0 0;
    height:200px
    }

#cover img{
    height:100px;
    margin:50px 0 !important
    }

#posts,.entry,.entry .media iframe,.entry .overlay,.entry .captions,.perma-container
{width:300px !important}

.entry{margin:0 auto 15px auto}

#pagination a{
    padding:15px;
    letter-spacing:0
    }

.responsive-level-3{display:block}
.responsive-level-1,
.responsive-level-2{display:none}

#footer #credit{float:none;margin:20px 0}

}