@media only screen and (max-device-width: 1805px) {
#left {
margin-right:1px;
}

#right {
margin-left:1px;
}
}
@media only screen and (max-device-width: 1605px) {
#left {
display:none;
}
}
@media only screen and (max-width: 1310px) {
#right {
display:none;
}
}
@media only screen and (max-device-width: 1111px) {
#right {
display:none;
}
}
@media only screen and (max-device-width: 905px) {
#wrap {
width:99%
}
 h1{
font-size: 90px;
-webkit-text-stroke: 2px white;
margin-top:-1px;
}
#footer p {
 font-size:14px;
}
}
@media only screen and (max-device-width: 768px) {
 h1{
font-size: 80px;
} 
.image {
width:10%;
height:60px;
margin-bottom:-5px;
}
#footer p {
 font-size:13px;
}
}	
@media only screen and (max-device-width: 500px) {	
#kocka {
width:100%;
}
 h1{
font-size: 70px;
}

 .button {
font-size:24px;
border:3px solid #293f80;   
border-radius:4px;
padding:1px 8px 1px 8px;
}

.image {
display:none;
}
#footer p {
 font-size:12px;
}
}
@media only screen and (max-device-width: 375px) {
 h1{
font-size: 60px;
margin-top:-1px;
}
.header {
text-shadow: 0px 1px 0px #999, 0px 1px 0px #888, 0px 2px 0px #777, 0px 3px 0px #666, 0px 4px 0px #555, 0px 5px 0px #444, 0px 6px 0px #333, 0px 6px 5px #001135;

}
#footer p {
 font-size:11px;
}
}
@media only screen and (max-device-width: 300px) {
 h1{
font-size: 50px;
-webkit-text-stroke: 1px white;
margin-top:-1px;
}
.header {
text-shadow: 0px 1px 0px #999, 0px 1px 0px #888, 0px 1px 0px #777, 0px 2px 0px #666, 0px 3px 0px #555, 0px 4px 0px #444, 0px 5px 0px #333, 0px 5px 4px #001135;

}
 .button {
font-size:23px;
border:2px solid #293f80;   
border-radius:3px;
padding:1px 4px 1px 4px;
}
#footer p {
 font-size:10px;
}
}
@media only screen and (max-device-width: 250px) {
 h1{
font-size: 40px;
margin-top:-1px;
}
#footer p {
 font-size:9px;
}
}
@media only screen and (max-device-width: 200px) {
 h1{
font-size: 30px;
margin-top:-1px;
}
#footer p {
 font-size:8px;
}
}