html {height:100%; text-align:center; background-color: #eee;}
body {
    height:95%;
    font-size:60%;
    margin:0px;
    padding:0px;
    overflow: hidden;
}
a {
    text-decoration: none;
    outline: none;
}
img {
    color: transparent;
}
header {height:26%; display:inline-block; margin-top:6px; margin-bottom:-14px;}
header h1 {display: none;}
h1 {
    font-size:2.2vh;
    height:2.2%;
    font-style: italic;
}
h1, h2 {
    vertical-align: middle;
    font-family: sans-serif;
    text-transform: uppercase;
    color:#bbb;
}
h2 {
    font-size:2.0vh;
    height:2.2%;
}
h2 a {
    padding: 3px 10px !important;
    box-shadow: 3px 3px 7px rgba(0,0,0,.1);
}
#logo {height:100%;}

#content {
    position:relative;
    margin:0px;
    padding:0px;
    width:100%;
    white-space: nowrap;
    padding-top:5px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (orientation:portrait) {
    #description {display:none;}
    #content {height:63%;}
    #content img {width:100%;}
    #center {width:60%; margin-top:-10px;}
    button {width:100%; font-size:2.4vh; overflow: hidden;}
    .buttons {display:none;}
    #panel {display:inline-block;}
    footer {height:7%;}
}
@media screen and (orientation:landscape) {
    #description {display:block;}
    #content {height:56%;}
    #content img {height:100%;}
    #center {height:100%;}
    button {width:7em; font-size:2.8vh;}
    .buttons {display:inline-block;}
    #panel {display:none;}
    footer {height:11%;}
}
.buttons {
    margin-top:20px;
    vertical-align: top;
}
#panel {
    /*background-color: #eee;*/
}
.panelButtons {
    vertical-align: top;
    display:inline-block;
}
button {
    padding:10px;
    margin:10px;
    color:white;
    border:none;
    box-shadow: 5px 5px 10px rgba(0,0,0,.2);
}
button:hover {
    background-color: white !important;
    color:#666;
    cursor:pointer;
}
#panel {
    position:absolute;
    width:80%;
    left:10%;
    bottom:20px;
}
.panelButtons {
    width:30%;
    margin:1%;
}
#center {
    display:inline-block;
    position:relative;
}
#twitter {
    position:absolute;
    cursor:pointer;
    width:12% !important;
    height:12% !important;
    bottom:27%;
    right:2%;
}
footer {
    vertical-align:top;
}
footer a {
    padding:5px 6px 3px 5px;
    margin-left:2px;
    color:#fff;
    background-color:#ebcb35;
}
footer a:hover {
    background-color:#acd241;
    color:#fff;
}