@media only screen and (min-device-width: 780px) {

/* width {width: 100%;} */

html, body {width: 100%;}
#page {width: 96%;}
#header {width: 100%;}
#main {width: 100%;}
#footer {width: 100%;}

/* height {height: auto;} */

html, body {height: auto;}
#page {height: auto;}
#header {height: 120px;}
#main {height: auto;}
#footer {height: auto;}

/* border {border: 1px solid white;} */

html, body {border: 0px solid black;}
#page {border: inherit;}
#header {border: 0px solid black;}
#main {border: 0px solid black;}
#footer {border: 0px solid black;}

/* padding {padding: 0 0 0 0;} */

html, body {padding: 0 0 0 0;}
#page {padding: 0 0 0 0;}
#header {padding: 0 0 0 0;}
#main {padding: 0 0 0 0;}
#footer {padding: 0 0 0 0;}

/* margins {margin: 0 auto 0 auto;} */

html, body {margin: 0 auto 0 auto;}
#page {margin: 0 auto 0 auto;}
#header {margin: 0 auto 0 auto;}
#main {margin: 0 auto 0 auto;}
#footer {margin: 0 auto 0 auto;}

/* detail */
	


html, body {
    margin: 0;
    padding: 0;
    border: 0px solid black;
    vertical-align: top;
}
	
	#header, #page {
		overflow:visible;
	}

#logo {
    width: 33%;
    border: inherit;
}

#logo > img {
width: auto;
height: 100px;
}


#mobilenav {
    width: 32%;
    border: inherit;
    padding: 0 0;
    text-align: right;
    height: 100px;
	position: absolute;
	z-index: 100;
}

#menu-selector {
    height: 100px;
    text-align: right;
    color: gray;
    font-size: 20px;
    background: transparent;
    position: relative;
    padding: 2%;
margin-bottom: 20px;
display: block;
width: 100% !important;
border:  none;
}

#menu-selector img {
    height: 30px;
    width: auto;
    display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
zoom: 1;
margin: 0 1% 20px 0;
padding-top: 1%;
vertical-align: top;
text-align: right;
}

#menu-selector span {
    color: gray;
    font-size: 1.5em;
    padding: 0 1% 1% 1%;
    display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
zoom: 1;
font-family: 'Cinzel', serif;
vertical-align: top;
text-align: right;
}

#mobilenav {
    overflow:  hidden;
    border: inherit;
    padding: 0 0 2% 0;
    vertical-align: bottom;
    text-align: right;
border: 0px solid black;
list-style:none;
	background: inherit;
}

#mobilenav ul {
margin: 0;
padding: 0;
}

#mobilenav ul li, #mobilenav li {
display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
width: auto;
height: auto;
padding: 5px;
text-align: right;
display: block;
font-family: 'Cinzel', serif;
}

#mobilenav ul li a, #mobilenav li a  {
    width: auto;
    height: auto;
    padding: 10px 20px;
    text-align: right;
    font-family: 'Cinzel', serif;
    font-size: 2em;
    color:  gray;
text-decoration: none;
}


#nav li {
display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
zoom: 1;
width: auto;
height: auto;
padding: 5px;
}

#nav li a {
    width: auto;
    height: auto;
    padding: 10px 5px;
    font-family: 'Cinzel', serif;
    font-size: 16px;
    text-align:  right;
}

#nav {
width: 1px;
height: 1px;
overflow: hidden;
}
    
#div {
height: 150px;
width: 92%;
margin-left: auto;
margin-right: auto;
border: inherit;
vertical-align: top;
text-align: left;
padding: 2%; }

.inline	{
display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
zoom: 1;
}
    
a img, img a {
    border: none;
} 

	}