body{
background: rgb(85,0,255);
background: radial-gradient(circle, rgba(85,0,255,0.9976365546218487) 0%, rgba(0,0,0,1) 100%);
    color: black;
    text-align: center;					/*kde chci mít text*/
	font-family: "Archivo Black"			/*změna fontu*/
}
h1,h2{
	color: darkblue;
	font-size: 2.5rem;				/*písmo velikost*/
}
h2{
	font-size: 1.5rem;				/*velikost druheho nadpisu */
}
div.hlavni{
	margin: auto;						/*šířka ozdaí za textem*/
	max-width: 900px;						/*šířka ozdaí za textem*/
	background: rgba(255,255,255,0.5);	/*barva pozaí za textem*/
	border-radius: 30px;			/*0=roh, 30=zakulaceny, 100%=oval*/
        background-size: 100% 100%;
}
div.hlavicka{
       height: 415px;
       background-image: url(img/alpy.jpg);
       border-radius: 30px 30px 0px 0px;
      
}
div.menu{
           margin-top: -8px;
           background: darkblue;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-evenly;
           align-content: center;
           height: 60px; 
}
div.menu a{
           width: 22%;
           height: 40px;
           display: block;
           line-height: 40px;
           background: silver;
           border-radius: 30px 30px 30px 30px;
           text-decoration: none;
           color: darkblue;
           font-size: 1.2rem;
}
div.menu a:hover{
           letter-spacing: 3px;
           transition: 0.5s;
           background: white;
}
fieldset{
        color: white;
       font-size: 1,5 rem;
       background-color: darkblue;
       border-radius: 30px 30px 30px 30px;
       text-align: center;
       max-width: 800px;
       margin-left: 38px;
}
img.galerie{
     border: 5px solid white;
     border-radius: 5px;
     margin: 20px 40px;
     filter: grayscale(100%);
     transition: all .6s ease;
     backface-visibility: hidden;
}
img.galerie:hover{
    border: 5px solid blue;
    filter: grayscale(0%);
}
@media screen and (max-width: 999px) {
    div.menu{margin-top:-7px; height: 300px;}
    div.menu a {width: 90%; height:60px; line-height: 60px;margin:2px;}
}
p{										/*odstavec*/
	line-height: 2rem;					/*misto mezi řádky*/
	text-align: left;					/*do leva text*/
	padding: 25px;							/*vnitřní mezera*/
	color: darkblue;
}

p.bila{										/*odstavec*/
	line-height: 2rem;					/*misto mezi řádky*/
	text-align: left;					/*do leva text*/
	padding: 25px;							/*vnitřní mezera*/
	color: white;
}


ul{
	text-align: left;
	color: rgba(2,38,164,1);
	font-size: 1.2rem;
	list-style-image: url(img/odr1.png);		/*custom odrážka*/
}
ul ul{
	font-size: 1.2rem;
	color: rgba(255,255,255,0.5);
	list-style-image: url(img/odr2.png);
	
}
ul ul ul{					/*třetí odrážka*/
	font-size: 1.2rem;
	color: rgba(255,255,255,0.5);
	list-style-image: url(img/odr3.png);

}
p img{
	border: 5px solid white;
	margin: 0 10px;
	float: left;	/*na jaké straně  je*/
}
p a img:hover{		/*barva ramečku se změní nebo něco jiného*/	
	border: 5px solid darkblue;
}
a{
	color: darkblue;			/* barva odkazu */
}
a:hover{
	text-decoration: none;
}
p.cas{
         colour: darkblue;
         font-size: 2rem;
         text-align: center;
}