* {
margin:0;
padding: 0;
box-sizing: border-box;
}

body{
 background: url("../img/baracek.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

h1{
 width: 1100px;
 text-align: center;
 font-size: 60px;
 font-weight: 900;
 margin: 0 auto;
}

a{
 text-decoration: none;
 }

ul{
 list-style-position: inside;
}

.container {
 width: 1100px;
 margin: 0 auto;  
 background: #FF399D;
 display: flex;
  }

.headermenu{
 display: flex;
 justify-content: space-between; 
 gap: 50px;
 margin: 25px 10px 25px 25px;
}


.logo{
  width: 5%;
  margin: 10px;
  background: #b3b3b3;}

.logo img{
  width: 100%;
}

.logo:hover{
 transform: scale(1.3);
 transition: 0.5s;
}

.headermenu li{
   font-size: 50px;
   list-style: none;
   }

.headermenu a{
   color: rgb(0, 0, 0);
}   

.headermenu a:hover{
  color: rgb(221, 221, 221);
  transition: 0.5s ease-in-out;
  font-size: 55px;
 
}

.headermenuInfo{
   font-size: 28px;
   color: rgb(88, 88, 88);
   margin: 25px 10px;
}

.footer{
 width: 1100px;
 background: #FF399D;
 margin: 0 auto;
 font-size: 25px;
 padding: 20px;
}

 /*   i n d e x   */

 .indexsection{
  background: #FFDEFC;
}

.indexsection h2{
 font-size: 35px;
 margin-top: 10px;
padding-top: 20px;
}

.indexsection p{
 padding: 10px 20px;
  margin: 20px 0;
 font-size: 30px; 
}

.indexsection a{
 color: #FF399D;
 }


.indexsection a:hover{
  color: rgb(255, 255, 255);
  transition: 0.5s ease-in-out;
  font-size: 40px;
  color: black;
}

img{
  width: 20%;
}

.indexsection{
  width: 1100px;
  text-align: center;
  margin: 0 auto;
 }

 .indexsection h3{
font-size: 30px;
 }

 .seznamnabidky{
  font-size: 25px;
  text-align: center;
 }

.prvnitxt{
 width: 30%;
 border: solid black;
 border-radius: 15px;
 padding: 15px 0 ;
  }
 
.druhytxt{
  width: 40%;
  border: solid black;
  border-radius: 15px;
  padding: 15px 0;
 }

.tretitxt{
  width: 30%; 
  border: solid black;
 border-radius: 15px;
 padding: 15px 0;
}
 
.ctvrtytxt{
  width: 30%;
  border: solid black;
  border-radius: 15px;
  padding: 15px 0;
 }

.patytxt{
  width: 30%;
  border: solid black;
  border-radius: 15px;
 padding: 15px 0;
 }

.sestytxt{
  width: 30%;
  border: solid black;
  border-radius: 15px;
  padding: 15px 0;
}

.sedmytxt{
  width: 47%;
  border: solid black;
  border-radius: 15px;
   margin: 0 auto;
   padding: 15px 0;
 }

.osmytxt{
 width: 36%;
 border: solid black;
 border-radius: 15px;
  margin: 0 auto;
 padding: 15px 0;
  }

.devatytxt{
  width: 65%;
 border: solid black;
 border-radius: 15px;
 margin: 0 auto;
 padding: 15px 0;
 }
 

 .prvni{
 display: flex;
 justify-content: space-around;
 margin: 20px 0;
}

 .druhy{
 display: flex;
 justify-content: space-around;
 margin: 20px 0;
} 

.treti{
 display: flex;
 justify-content: space-around;
 margin: 20px 0;
}

.ctvrty{
 display: flex;
 justify-content: space-around;
 margin: 20px 0;
}

.paty{
 display: flex;
 justify-content: space-around;
 margin: 20px 0;
}
 
.sesty{
  display: flex;
  justify-content: space-around;
  margin: 20px 0;
 }

 .sedmy{
  margin: 20px 0;
 }

 .osmy{
  margin: 20px 0;
 }

 .devaty{
  margin: 20px 0;
 }

 .sedmy img{
  margin-top: 20px;
 }

 .osmy img{
  margin-top: 20px;
 }

 .devaty img{
  margin-top: 20px;
  margin-bottom: 50px;
 }


  /*   c e n i k   */
.cenik{
width: 1100px;
background: #FFDEFC;
font-size:  30px;
margin: 10px auto;
padding: 40px;
}

.cenik h3{
  margin: 20px 0;
}

.cenik p{
  padding: 10px;
}

 /*   G a l e r i e   */ 

.galerie{
width: 1100px;
background: #FFDEFC;
text-align: center;  
font-size:  30px;
margin: 10px auto;
}

.galerie h3{
 padding: 20px 0;
}


.galerie img{
  width: 20%;
}

.galerie img:hover{
   transform: scale(3);
   transition: 2s;
}
 /*   k o n t a k t  */

 .kontakt{
  width: 1100px;
  background: #FFDEFC;
  margin: 20px auto;
 }

 .kontakt h2{
  font-size: 30px;
  padding: 20px;
}

 .kontakt h3{
  font-size: 30px;
  padding: 10px
 }