.kalendar {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 20px;
  box-sizing: border-box;
  background-color: white;
}

.kalendar_box {
  width: 100%;
  max-width: 900px;

}

.kalendar_nadpis {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.kalendar_nadpis h1{
	font-size: 2.5rem;
	margin-bottom: 20px;
	font-family: "Saira", sans-serif;
	text-transform: uppercase;
	color: #292929;
}

.kalendar_nadpis h2{
	font-size: 1.8rem;
	margin-bottom: 20px;
	font-family: "Saira", sans-serif;
	text-transform: uppercase;
	color: #696969;
}

.kalendar_podujatie {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	background-color: white;
	padding: 5px;
}

.kalendar_datum {
	width: 120px;
	text-align: center;
	font-weight: bold;
}
.kalendar_datum p {
 	font-size: 1.0rem;
	line-height: 1.6;
	font-family: "Saira", sans-serif;
	font-style: italic;
	color: #292929;
}

.kalendar_dekoracia {
	width: 30px;
	height: 30px;
	background-color: #70e906;
	border-radius: 50%;
	margin: 0 20px;
}

.kalendar_dekoracia_gold {
	width: 30px;
	height: 30px;
	background-color: #D4AF37;
	border-radius: 50%;
	margin: 0 20px;
}

.kalendar_dekoracia_silver {
	width: 30px;
	height: 30px;
	background-color: #A9A9A9;
	border-radius: 50%;
	margin: 0 20px;
}

.kalendar_dekoracia_bronz {
	width: 30px;
	height: 30px;
	background-color: #B87333;
	border-radius: 50%;
	margin: 0 20px;
}

.kalendar_right_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.kalendar_miesto p,
.kalendar_vysledok p {
 	font-size: 1.0rem;
	line-height: 1.6;
	font-family: "Saira", sans-serif;
	font-style: italic;
	color: #292929;
}

.kalendar_ciara {
	height: 1px;
	background-color: #292929;
	width: 200px;
	max-width: 80%;
}



.kalendar_black {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 20px;
  box-sizing: border-box;
  background-color: #292929;
}

.kalendar_box_black {
  width: 100%;
  max-width: 900px;
}

.kalendar_nadpis_black {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.kalendar_nadpis_black h1{
	font-size: 2.5rem;
	margin-bottom: 20px;
	font-family: "Saira", sans-serif;
	text-transform: uppercase;
	color: white;
}

.kalendar_nadpis_black h2{
	font-size: 1.8rem;
	margin-bottom: 20px;
	font-family: "Saira", sans-serif;
	text-transform: uppercase;
	color: #919191;
}

.kalendar_podujatie_black {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	background-color: #292929;
	padding: 5px;
}

.kalendar_datum_black {
	width: 120px;
	text-align: center;
	font-weight: bold;
}
.kalendar_datum_black p {
 	font-size: 1.0rem;
	line-height: 1.6;
	font-family: "Saira", sans-serif;
	font-style: italic;
	color: white;
}

.kalendar_miesto_black p,
.kalendar_vysledok_black p {
 	font-size: 1.0rem;
	line-height: 1.6;
	font-family: "Saira", sans-serif;
	font-style: italic;
	color: white;
}

.kalendar_ciara_black {
	height: 1px;
	background-color: white;
	width: 200px;
	max-width: 80%;
}

.paddig_5 {
	padding-left: 40%;
}
.paddig_4 {
	padding-left: 35%;
}
.paddig_3 {
	padding-left: 30%;
}
.paddig_2 {
	padding-left: 25%;
}
.paddig_1 {
	padding-left: 20%;
}
.paddig_0 {
	padding-left: 15%;
}

@media screen and (max-width: 900px) {
	.paddig_5,
  .paddig_4,
  .paddig_3,
  .paddig_2,
  .paddig_1,
  .paddig_0 {
    padding-left: 0%;
}

.kalendar_podujatie {
	margin: 0 auto; 
    max-width: 400px; 
    justify-content: center;
  }

.kalendar_podujatie_black {
	margin: 0 auto;  
    max-width: 400px; 
    justify-content: center; 
  }
}

@media screen and (max-width: 700px) {
	.kalendar_dekoracia {
		width: 15px;
		height: 15px;
	}

	.kalendar_dekoracia_gold {
		width: 15px;
		height: 15px;
	}

	.kalendar_dekoracia_silver {
		width: 15px;
		height: 15px;
	}

	.kalendar_dekoracia_bronz {
		width: 15px;
		height: 15px;
	}
}