body{
background: silver;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
/*background: radial-gradient(circle, rgba(116,116,116,0.8425870836615896) 100%, rgba(9,9,121,1) 100%, rgba(0,212,255,1) 100%);*/
color: white;
text-align: center;
font-family: "Dosis"

}
h1, h2{
color: white;
font-size: 2.5rem;
text-align: center;
}
h2{
font-size: 2rem; /* poznámka */

}
div.hlavni{
margin: auto; /* zarovnání do středu */
max-width: 990px;
background: gray; /* těch 0,5 je jak je to průhledné */
border-radius: 30px; /* zaoblene rohy, můžu to zadat v procentech  */
font-size: 1.5rem;
}
div.hlavicka{
background-image: url(img/kytickyy.jpg);
height: 292px;
border-radius: 30px 30px 0 0;
background-size: 100% 100%;
}
div.menu{
background: gray;
margin-top: -5px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;

}
p{
   line-height: 2rem;
   text-align: left;
   padding: 5px;
}
div.obsah{
 padding: 0 50px;
}
div.menu a{
width: 22%;
height: 40px;
background: silver;
color: white;
font-size: 1.4rem;
display: block;
text-decoration: none;
line-height: 40px;
text-align: center;
margin: 3px;
border-radius: 10px;
transition: 0.5s;
}
div.menu a:hover{
letter-spacing: 3px;
transition: 0.5s;
background: silver;
font-size: 1.4rem;
}
ul{
text-align: left;
color: white;
font-size: 2rem;
line-height: 30 px;
letter-spacing: 1px;
margin-left: 30px;
list-style-image: url(img/odr2.jpg); /* nastaveni odrazek */
}
ul ul{
font-size: 1.3rem;
color: white;
line-height: 20 px;
list-style-image: url(img/odr1.jpg);
}
p{
margin: 15px;
}
p img{
border: 5px solid white;
margin: 0 10px;
float: left;	
} 
p a img:hover{
border: 5px solid rgba(228, 197, 213, 0.81);
}
a{
color: rgba(228, 197, 213, 0.81);
}
a hover{
text-decoration: none;
}
img.galerie{
border: 5px solid white;
border-radius: 5px;
margin: 30px 50px;
transition: 0.25s;
margin: 40px;
/*filter: grayscale(100%) blur(1px);*/
filter: grayscale(100%);
transition: all .6s ease;
backface-visibility: hidden;
}
img.galerie:hover{
border: 5px solid white;
box-shadow: 0 0 30px white;
/*filter: grayscale(0%) blur(0px);*/
  filter: grayscale(0%);
}
p{
margin: 35px;
}
fieldset{
    border: 2px solid white;
    border-radius: 20px;
    font-size: 1.3rem;
    }
    legend{ 
    text-align: center;
    font-size: 2rem;
    }
span{
   color: rgba(228, 197, 213, 0.81); 
}
@media screen and (max-width: 990px) {
 div.menu {margin-top: 5px;}
 div.menu a {width: 90%; height: 40px; line-height: 40px;margin: 3px;}
}