/*
.mainbody{
background: linear-gradient(lightblue,darkblue);
font: 55px sans-serif;
text-decoration:none;

}
*/

html, body
{
    width: 100%;
    height: 100%;
}

body
{
background: linear-gradient(lightblue,darkblue);
font: 55px sans-serif;
text-decoration:none;
width: 100%;
height: 100%;
background-attachment: fixed;
}

.mainlogo{
//width: 100%;
//height: 20%;
margin:auto;
display:block;
}

/*
.menubackground{
width: 100%;
height: 100%;
background-attachment: fixed;
//background-color:white;
margin: auto;
width: 55%;
//hight:auto;
border:3px solid transparent;
//padding: 10px;
}
*/


.menu{
background: radial-gradient(lightblue, darkblue);
font-size: 70%;
margin: auto;
margin-bottom:1%;
width: 55%;
color: white;
text-align:center;
border-radius: 60px;
box-shadow: 15px 15px 15px #111;
display: block;
min-width:300px;
max-width:339px;
border: 1px solid black;
white-space:nowrap;
padding: 0.3em 0; 
}

.menu a{
color:white;
text-decoration:none;
}
.menu a:hover{
color:black;
}

.footer{
text-color: white;
font-size:30%;
margin:auto;
margin-left:-1%;
text-shadow: none;
background-color: #000;
position:fixed;
bottom:2px;
width:101%;
display:block;
}

.footer a:hover{
color:orange;
}

.footer a{
color:white;
text-decoration:none;
margin-left:48%;
}


.move{
border-top-right-radius: 70px;
border-bottom-right-radius: 70px;
}

.text{
font-size:30%;
margin-left:3px;
}
/*
.x9{
margin-top:20px;
}
/*
.move neco{
onMouseOver:vyjeti();
onMouseOut:zajeti();
}
*/

@media screen and (min-width: 20px) and (max-width: 380px) { 
 .menu { 
font-size: 30%;
margin: auto;
min-width:133px;
max-width:300px;
 }
.mainlogo{
display:none; 
}
.move{
display:none;
}

}

@media screen and (min-width: 380px) and (max-width: 800px) { 
 .menu { 
font-size: 0.5em;
margin: auto;
min-width:220px;
max-width:350px;
 } 
 .mainlogo{
display:none; 
}
.move{
display:none;
}

}