@media screen and (max-width: 800px) {
html{background:#fff;}

html,body{height:98%;}

.wrapper{
margin-left:auto;
margin-right:auto;
width:100%;
min-height:600px;
max-height:auto;
/* border:2px solid black;  */
}


.skosh-body{
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
min-height:700px;
max-height:auto;
top:10px;
bottom:-3.8%;
/* border:2px solid #ededed;  */
/* border:2px solid #f8f3ee;  */
/* -moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px#000;
box-shadow: 0 0 5px #000; */
}

.logo{
position:relative;
margin-left:auto;
margin-right:auto;
top:50px;
width:300px;
}

.tagline{
position:relative;
margin-left:auto;
margin-right:auto;
top:100px;
width:450px;
height:100px;
font:3em 'LobsterTwoRegular', Arial, sans-serif;
z-index:100;
}
/* .blank{
background:#fff;
border-right:1px solid #ededed;
position:absolute;
box-shadow: -5px 0px 5px 1px #888;
float:right;
right:-55px;
height:400px;
width:65px;
top:25px;

} */
.menu{
position:absolute;
top:85px;
float:left;
left:60px;
width:100px;
height:400px;
border-right:1px solid #ededed;
}

ul{
display:block;
position:relative;
float:left;
right:60px;
top:-30px;
font-size:2em;
width:40px;
height:auto;
font-family: 'Lobster', cursive;
}

li{
display:block;
position:relative;
right:35px;
text-align:left;
margin:30px;
}


a{text-decoration:none; color:#e0e0e0;}
a:hover{text-decoration:none; color:red;}

.button{
position:relative;
margin-left:auto;
margin-right:auto;
top:100px;
width:400px;
}

.button a{
position:relative;
margin-left:auto;
margin-right:auto;
font-size:4em;
font:3em 'LobsterTwoRegular', Arial, sans-serif;
}


/*Pin the map button*/
/* .button{
position:absolute;
margin-left:450px;
top:300px;
height:60px;
width:193px;
}
.button{background:url('button.png') 0 0;}
.button:hover{background: url('button.png') 0 -60px;} */
/*Pin the map button end*/

 img#ga-link{
width:300px;
height:70px;
}

 img#ga-shot{
position:relative;
left:-50%;
top:-40px;
width:100%;
height:100%;
}


.themes-icon{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:200px;
width:480px;
height:240px;
/* border:2px solid black; */
}

#theme-tumblr-icon img{
position:absolute;
float:left;
width:48%;
}

#theme-frames-icon img{
position:absolute;
float:right;
width:48%;
}

.info{
position:relative;
margin-left:auto;
margin-right:auto;
top:-430px;
width:675px;
height:100px;
}

#info{
position:relative;
text-align:center;
top:-10px;
font-family: 'Passion One', cursive;
font-size:2em;
color:#000;
}


.footer{
position:fixed;
margin-left:auto;
margin-right:auto;
bottom:-3.8%;
display:block;
background:#ffffff;
width:99%;
height:80px;
padding-bottom:25px;
border-top:1px solid #ededed;
}

}








@media screen and (max-width: 360px) {
html{background:#fff;}

html,body{height:98%;}

.wrapper{
margin-left:auto;
margin-right:auto;
width:100%;
min-height:600px;
max-height:auto;
/* border:2px solid black;  */
}


.skosh-body{
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
min-height:700px;
max-height:auto;
top:10px;
bottom:-3.8%;
/* border:2px solid #ededed;  */
/* border:2px solid #f8f3ee;  */
/* -moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px#000;
box-shadow: 0 0 5px #000; */
}

.logo{
position:relative;
margin-left:auto;
margin-right:auto;
top:50px;
width:300px;
}

.tagline{
position:relative;
margin-left:auto;
margin-right:auto;
top:100px;
width:100%;
height:100px;
font:2em 'LobsterTwoRegular', Arial, sans-serif;
z-index:100;
}
/* .blank{
background:#fff;
border-right:1px solid #ededed;
position:absolute;
box-shadow: -5px 0px 5px 1px #888;
float:right;
right:-55px;
height:400px;
width:65px;
top:25px;

} */
.menu{
position:absolute;
top:85px;
float:left;
left:60px;
width:100px;
height:400px;
border-right:1px solid #ededed;
}

ul{
display:block;
position:relative;
float:left;
right:60px;
top:-30px;
font-size:2em;
width:40px;
height:auto;
font-family: 'Lobster', cursive;
}

li{
display:block;
position:relative;
right:35px;
text-align:left;
margin:30px;
}


a{text-decoration:none; color:#e0e0e0;}
a:hover{text-decoration:none; color:red;}

.button{
position:relative;
margin-left:auto;
margin-right:auto;
top:20px;
width:400px;
}

.button a{
position:relative;
margin-left:auto;
margin-right:auto;
font:2.4em 'LobsterTwoRegular', Arial, sans-serif;
}


/*Pin the map button*/
/* .button{
position:absolute;
margin-left:450px;
top:300px;
height:60px;
width:193px;
}
.button{background:url('button.png') 0 0;}
.button:hover{background: url('button.png') 0 -60px;} */
/*Pin the map button end*/

 img#ga-link{
width:300px;
height:70px;
}

 img#ga-shot{
position:relative;
left:-50%;
top:-40px;
width:100%;
height:100%;
}


.themes-icon{
position:relative;
float:left;
left:2px;
margin-top:230px;
width:100%;
height:200px;
}

img#theme-tumblr-icon {
position:absolute;
width:99.4%;
}

img#theme-frames-icon {
position:absolute;
width:99.4%;
top:80px;
}

.info{
position:relative;
margin-left:auto;
margin-right:auto;
top:-440px;
width:100%;
height:160px;
}

#info{
position:relative;
text-align:center;
top:-10px;
font-family: 'Passion One', cursive;
font-size:2em;
color:#000;
}


.footer{
position:fixed;
margin-left:auto;
margin-right:auto;
bottom:-3.8%;
display:block;
background:#ffffff;
width:99%;
height:80px;
padding-bottom:25px;
border-top:1px solid #ededed;
}

}







@media screen and (min-width: 320px) and (max-width: 480px) {
html{background:#fff;}

html,body{height:98%;}

.wrapper{
margin-left:auto;
margin-right:auto;
width:100%;
min-height:600px;
max-height:auto;
/* border:2px solid black;  */
}


.skosh-body{
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
min-height:900px;
max-height:auto;
top:10px;
bottom:-3.8%;
/* border:2px solid #ededed;  */
/* border:2px solid #f8f3ee;  */
/* -moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px#000;
box-shadow: 0 0 5px #000; */
}

.logo{
position:relative;
margin-left:auto;
margin-right:auto;
top:50px;
width:300px;
}

.tagline{
position:relative;
margin-left:auto;
margin-right:auto;
top:50px;
width:100%;
height:100px;
font:1.8em 'LobsterTwoRegular', Arial, sans-serif;
z-index:100;
}
/* .blank{
background:#fff;
border-right:1px solid #ededed;
position:absolute;
box-shadow: -5px 0px 5px 1px #888;
float:right;
right:-55px;
height:400px;
width:65px;
top:25px;

} */
.menu{
position:absolute;
top:85px;
float:left;
left:60px;
width:100px;
height:400px;
border-right:1px solid #ededed;
}

ul{
display:block;
position:relative;
float:left;
right:60px;
top:-30px;
font-size:2em;
width:40px;
height:auto;
font-family: 'Lobster', cursive;
}

li{
display:block;
position:relative;
right:35px;
text-align:left;
margin:30px;
}


a{text-decoration:none; color:#e0e0e0;}
a:hover{text-decoration:none; color:red;}

.button{
position:relative;
float:left;
left:10px;
top:20px;
width:100%;
}

.button a{
position:relative;
margin-left:auto;
margin-right:auto;
font:2em 'LobsterTwoRegular', Arial, sans-serif;
}


/*Pin the map button*/
/* .button{
position:absolute;
margin-left:450px;
top:300px;
height:60px;
width:193px;
}
.button{background:url('button.png') 0 0;}
.button:hover{background: url('button.png') 0 -60px;} */
/*Pin the map button end*/

 img#ga-link{
width:300px;
height:70px;
}

 img#ga-shot{
position:relative;
left:-50%;
top:-40px;
width:100%;
height:100%;
}


.themes-icon{
position:relative;
float:left;
left:2px;
margin-top:230px;
width:100%;
height:200px;
}

img#theme-tumblr-icon {
position:absolute;
width:99.4%;
}

img#theme-frames-icon {
position:absolute;
width:99.4%;
top:100px;
}

.info{
position:relative;
margin-left:auto;
margin-right:auto;
top:-400px;
width:100%;
height:160px;
}

#info{
position:relative;
text-align:center;
top:-10px;
font-family: 'Passion One', cursive;
font-size:2em;
color:#000;
}


.footer{
position:fixed;
margin-left:auto;
margin-right:auto;
bottom:-3.8%;
display:block;
background:#ffffff;
width:99%;
height:80px;
padding-bottom:25px;
border-top:1px solid #ededed;
}

/* *{border:2px solid black;} */

}