body{
      background: url("img/obr1.jpg");
      font-family: "Varela Round";
      font-size: 1.25rem;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  background-size: cover;
	  margin: ;

	
}

p{
	font-family: "Merienda";
	color: white;
	margin: 25px}
	
h5{
	font-family: "Merienda";
	color: white;
	margin: 0px;
	font-size:1.5rem;
	text-align: }
h4{
 font-family: "Merienda";
}	
	
li{
	font-family: "Merienda";
	color: white;
	margin-left: 15px;
	text-align: }


h1{    font-size: 3.1rem;
	   font-family: "Merienda";
	   text-align: center;
	   letter-spacing: -1px;
	   color: white;
	   text-shadow: 5px 1px 0px black; 
	   }

			
h2{   font-size: 1.1rem;
	  font-family: "Merienda";
      margin-top: 10px;
	  Height: 5%;
	  color: white;
	 
	  margin: auto;
	  
	  }
	  

h3{   font-size: 1rem;
	  font-family: "Merienda";
      text-shadow: 4px, 4px, 10px rgba(6,87,168,)
	  
	  }
	  

 	
.celyweb{
	max-width: 1920px;
    margin: auto;
	padding: 15px;
	/*background-color: #E1A966; /*#005DBE, peru, #E89B3E*/
    background-image: linear-gradient(#B96500,#FFA538);
	
	}
	
fieldset{
margin-top: 40px;
border: 0px solid white;
font-family: "Merienda";
font-size: 1.7rem;
text-align: center;
letter-spacing: 1px;
color: white;


}	
	
button{
background: #3B1800;
font-family: "Mohave";
font-size: 1.5rem;
float: left;
color: white;
text-align: middle;

}

	
.menu{
      width: 100%;
	  Height: 5%;
	  background: ;
	  display: flex;
	  justify-content: space-around;
	  }
a{       color:White;
		text-align: center;
		font-family: "Mohave";
         text-decoration: none}
		 
a:hover{ color: #3B1800;
         text-decoration: none; }
		 
.menu a{
      font-size: 1.5rem;
	  color: white ;
	  line-height: 45px;
	  width: 34%;
	  float: left;
	  background: #3B1800;
	  margin: ;
	  text-align: center; /*uprostředed zarovnánono*/
	  transition: 0.7s;
	  border: 1px solid #B96500;
	 
	
	  
	
	  }
.menu a:hover{
      color: #402009;
      letter-spacing: 3px;
	  transform: scale(1.0);
	  background: lightgray;
	
	 
	  
	  }
ul{ color: Black;
    font-size: 1.1rem;
	text-align: left; 
	list-style-image: url(img/odr2.png);
	margin-left: 50px;
	}
	
ul ul{ color:black;
       font-size:1.1rem;
	   list-style-image: url(img/odr1.png);
	   line-height: 30px;
	   margin-left: -15px;
	   }

.obsah img{
       float: right; /*zarovnání do prava, obtékání textem*/
	   border: 2px solid white;
	   margin-right: 10px;
	  
}
.obsah img:hover{
       float: right; /*zarovnání do prava, obtékání textem*/
	   border: 2px solid white;
	   margin-right: 10px;
}

.obsah_vyber{
display: flex;
flex-wrap: wrap;
justify-content: center;
object-fit: contain;

}

.nahled1{
position: relative;	
width: 285px;
height: 440px;
margin: 45px;
margin-right: 25px;


}
.nahled1 img{
width: 100%;
height: auto;
}

.nahled2{
background-position: center;	
width: 230px;
height: 255px;
background: ;
border-radius: 100%;
margin: 30px;
text-align: center;
margin-top: 60px


}

.nahled2:hover{
transform: scale(1.1);
transition: 0.2s;
}

.nahled2 a{



}

.nahled2 a img{
height: 100%;
width: 75%;



}





.nahled{


position: relative;
text-align: center;
margin: auto;
max-width: 1920px;
max-height: ;
height: 350px;
background-color: transparent;

}

.nahled a{


position: relative;




}
.nahled a img{
max-width: 100%;
filter: brightness(50%);
height: ;

}

.centered{
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px;
  width: 100% ;

  transform: translate(-50%, -50%);
  color: white;
  max-height: ;
  
}

@media screen and (max-width: 800px) { /*pro mobily */
.menu{
flex-direction: column;
display: flex;
}
.menu a{
width: 100%;
}
h1{font-size: 2.6rem;
}


}


sub{
    font-size: 0.5rem;
	margin-left:500px;
	}
	

audio{

margin-bottom: 10px;



}