.banner-wrapper {
	margin-left:10%;
	margin-bottom:2%;
	display:flex;
	margin-top:5%;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 80%;
	max-width:100vw;
	height:60vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
}

.banner-wrapper-1 {
	margin-left:10%;
	margin-bottom:2%;
	display:none;
	margin-top:5%;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 80%;
	max-width:100vw;
	height:55vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
}

.content-wrapper {
	display:block;
	position:relative;
	justify-content: center;
	text-align: left;
	align-items: center;
	border-radius: 8px;
	width: 40%;
	max-width:100vw;
	height:auto;
	max-height:800px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	float:left;
	z-index: -3;
	margin-left:5%;

}


.content_block_top{
	display:flex;
	position:relative;
	align-items: center;
	width:100%;
	height:10%;
	margin-bottom: 4%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block_bot{
	display:flex;
	position:relative;
	align-items: center;
	justify-content: left;
	height:30%;
	margin-top:5%;
	margin-left: -9%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block{
	display:flex;
	position:relative;
	align-items: center;
	justify-content: left;
	width:100%;
	height:20%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block ul{
	font-size:1.5vw;
	color:black;
	padding-left: 7px;
	
}

.content_block2{
	display:flex;
	position:relative;
	align-items: center;
	margin-top:2%;
	width:100%;
	height:10%;
	margin-left: -7%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block2_1{
	display:flex;
	position:relative;
	align-items: center;
	margin-top:2%;
	width:100%;
	height:10%;
	margin-left: -7%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block3{
	display:flex;
	position:relative;
	align-items: center;
	width:100%;
	height:10%;
	margin-left: -7%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block3 ul{
	font-size:1.5vw;
	color:black;
	font-weight: 300;
	margin-bottom: 2%;
}

.content_block2 ul{
	font-size:2.5vw;
	color:red;
	font-weight: bold;
	margin-bottom: 2%;
}

.content_block2_1 ul{
	font-size:2.5vw;
	color:black;
	font-weight: bold;
	margin-bottom: 2%;
}
.line{
	font-size:1.5vw;
	color:black;
	text-decoration: line-through;
}



.content_block_top ul{
	font-size:2vw;
	margin-left:10%;
	color:black;
	text-align:left;
	font-weight: bold;
}


.info{
	width:60%;
	margin-top:20%;
	margin-left:20%;
	color:black;
	position:relative;
	display:block;
	justify-content: center;
}

.info ul{
	display:flex;
	font-size:1.2vw;
}

.content_banner {
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	font-size: 1.6em;
	line-height: 1.4em;
	width: 100%;
	height:auto;	
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.picture_basic {
	display:flex;
	border-radius: 3.5em;
	position:relative;
	max-width: 100vw;
	vertical-align: center;
	justify-content: center;
	z-index:-5;
	margin-left:5%;
	width:50%;
	top:10vh;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.picture_business {
	display:flex;
	border-radius: 3.5em;
	position:relative;
	max-width: 100vw;
	vertical-align: center;
	justify-content: center;
	z-index:-5;
	margin-left:5%;
	width:50%;
	top:20vh;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.picture2 {
	display:flex;
	border-radius: 3.5em;
	position:relative;
	background-color: #f1f1f1;
	max-width: 100vw;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.card{
	transform:scale(1.3);
	display: block; 
	margin-left:-30%;
}

.stojan_detail{
	display:flex;
	height:auto;
	transform:scale(1.5);
	width:auto;	

}

.block{
	margin-left:10%;
	display:flex;
	width:7%;
}

.price{
	font-size:3rem;
	font-weight: bold;
	margin-left:10%;
}

.kosik{
    display:flex;
    width:20%;
	margin-left:-5%;
}

.sales_btn_2{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
	background-color: #4AAD52;
	border-radius: 20px;
	box-sizing: border-box;
	color: white;
	font-size: 1vw;
	width: 100%;
	max-width: 100vw;
	max-height:100%;
	padding:5px;
	z-index:7;
	font-weight: 600;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}







.sales_btn_2:hover{
	transform: scale(1.05);
    transition: ease-in-out 100ms;
    background-color: #F6F930;
    color: black;
}


.content_block_bot a {
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
	box-sizing: border-box;
	color: white;
	font-size: 1rem;
	width: 50%;
	max-width: 100vw;
	z-index:7;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
/*	box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.sales:hover{
    background-color:rgb(17, 17, 98);
}


.buttons{
	display:flex;
	position:relative;
	margin-top:5%;
	width:30%;
	margin-left:35%;
	/*width:40%;
	margin-left:30%;*/
	height:10vh;
	justify-content: space-evenly;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.button_block{
	display:flex;
	position:relative;
	justify-content: center;
	align-items: center;
	width:33.3%;
	height:100%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

button.green{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
	background-color: #4AAD52;
	border-radius: 20px;
	box-sizing: border-box;
	color: white;
	width:10vw;
	padding:20px 30px;
	font-size: 1.5vw;
	max-width: 100vw;
	max-height:100%;
	z-index:7;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
}

button.grey{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
	border-radius: 20px;
	box-sizing: border-box;
	color: grey;
	width:10vw;
	padding:20px 50px;
	font-size: 1.5vw;
	max-width: 100vw;
	max-height:100%;
	z-index:7;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
}


button.grey:hover{
	background-color: #4AAD52;
	color:white;
}

.detail_text{
	display:block;
	width:80%;
	height:auto;
	margin-top:10%;
	margin-left:10%;	
}

.detail_text-1{
	display:none;
	width:80%;
	height:auto;
	margin-top:10%;
	margin-left:10%;	
}

.detail_text_block{
	position:relative;
	display:flex;
	width:100%;
	height:auto;
}

.detail_text_side{
	display:flex;
	position:relative;
	width:50%;
	height:auto;
	align-items: center;
}


.detail_text_side ul{
	color:black;
	font-size:4.5vw;
}

.detail_text_pic{
	position:relative;
	width:50%;
	height:auto;
}

.detail_pics{
	width:100%;
	height:auto;
	background-size: contain;
	background-repeat: none;
	object-fit: cover;
	
}

.detail_text1{
	float: left;
	width:60%;
	height:auto;
	margin-top:10%;
	margin-left:18%;
	margin-bottom: 5%;
	
}

.detail_text ul{

	font-size:1.3vw;
	color:black;
	margin-right: 5%;
	padding-left:5%;
}

.detail_text2{
	width:60%;
	height:auto;
	margin-left:20%;
}

.detail_text2 ul{
	margin-top:5%;
	font-size:1rem;
	color:black;
}

.porovnani_wrap{
	display:none;
	max-width:100vw;
	width:100%;
	height:auto;
}

.porovnani{
	display:block;
	position:relative;
	margin-top:5%;
	margin-bottom:10%;
	height:auto;
	width:70%;
	margin-left:15%;
	border-radius: 1rem;
	background-color: #f1f1f1;
	padding-top:20px;
}

.porovnani_micro{
	display:block;
	position:relative;
	margin-top:5%;
	height:auto;
	width:60%;
	margin-left:20%;
	margin-right:2%;
	border-radius: 1rem;
	background-color: #f1f1f1;
	padding-top:20px;
}

.porovnani_row{
	display:flex;
	width:100%;
	height:25%;
}


.porovnani_row_top{
	display:flex;
	width:100%;
	height:35%;
	margin-bottom:2%;
}

.porovnani_cell{
	display:flex;
	width:20%;
	height:10vh;
	justify-content: center;
	align-items: center;
	
}

.porovnani_cell_micro{
	display:flex;
	width:15%;
	height:10vh;
	justify-content: center;
	align-items: center;
	
}

.porovnani_cell2{
	display:block;
	
	width:20%;
	height:10vh;
}

.porovnani_cell2_micro{
	display:block;
	width:15%;
	height:8vh;
}

.porovnani_cell2 ul{
	display:flex;
	font-size:0.7rem;
	color:black;
	justify-content: center;
	align-items: center;
}

.porovnani_cell ul{
	display:flex;
	font-size:1vw;
	color:black;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.porovnani_cell2_micro ul{
	display:flex;
	font-size:0.8rem;
	color:black;
	justify-content: center;
	align-items: center;
}

.porovnani_cell_micro ul{
	display:flex;
	font-size:1rem;
	color:black;
	justify-content: center;
	align-items: center;
}

.porovnani_cell_nazev{
	display:flex;
	justify-content: center;
	align-items: center;
	width:20%;
	height:auto;

}


.porovnani_cell_nazev_micro{
	display:flex;
	justify-content: center;
	align-items: center;
	width:17%;
	height:auto;

}

.porovnani_cell_bot{
	display:flex;
	justify-content: center;
	text-align: center;
	width:100%;
	height:30%;
}

.porovnani_cell_bot ul{
	font-size:1vw;
}


.porovnani_cell_top{
	display:flex;
	justify-content: center;
	width:100%;
	height:70%;

}

.verze{
	font-size:1.5rem;
	color:black;
	font-weight: bold;
}

.nazev{
	font-size:1vw;
	color:black;
	font-weight: bold;
}

img.cell{
	width:40%;
}


	

.porovnani_text{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:10%;
	width:100%;
	height:auto;
	font-size:4rem;
	color:black;
	font-weight: bold;
}

.porovnani_text-1{
	display:none;
}

.Text-pros{

    margin-left:1%;
    display:flex;
    position:relative;
    background-color: transparent;
    border-radius: 8px;
    width: 98%;
    max-width:100vw;
    height:200px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    z-index:-1;
    justify-content: center;	
  }
  
  .Text_pros-wrap{
    margin-left:1%;
    position:relative;
    background-color: transparent;
    border-radius: 8px;
    width: 60%;
    max-width:100vw;
    height:200px;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    z-index:-1;
    justify-content: center;
  }
  
  .pros-title{
	margin-top:10%;
    position:relative;
    display:flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width:100%;
    height:28%;
    max-width:100vw;
    border-radius: 8px;
    justify-content: center;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    font-family: Arial, Helvetica, sans-serif;	
  }

  .pros-title ul{
	font-size: 3em;
	color:black;
	font-weight: bold;
  }



.pros-duo{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 60%;
	max-width:100vw;
	height:250px;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: right;
	align-items: center;

}

.pros-duo2{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 40%;
	max-width:100vw;
	height:250px;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	align-items: center;
	float:left;
}

.pros{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 80%;
	max-width:100vw;
	height:30vh;
	margin-top:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	margin-left:10%;

}

.pros_wrap1{
	position:relative;
	background-color: transparent;
	width:100%;
	height:180px;
	max-width:15vw;
	font-size:large;
	border-radius: 8px;
	justify-content: center;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.pros_wrap2{
	position:relative;
	margin-left:5%;
	background-color:transparent;
	width:100%;
	height:180px;
	max-width:15vw;
	font-size:large;
	border-radius: 8px;
	justify-content: center;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}



.pros1{
	display:flex;
	position:relative;
	justify-content: center;
	background-color: transparent;
	width:100%;
	height:70%;
	max-width:20vw;
	border-radius: 8px;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}

.pros1_5{
	display:flex;
	text-align: center;
	justify-content: center;
	position:relative;
	background-color: transparent;
	width:100%;
	height:30%;
	max-width:20vw;
	border-radius: 8px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}


.pros ul{

	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}

img.pros1_card{
	width:auto;
	transform:scale(1);

}


.acquisition{
	margin-top:10%;
	position:relative;
	display:flex;
	width:80%;
	margin-left:10%;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.acquisition-left{
	position:relative;
	display:block;
	width:60%;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.acquisition-left-top{
	position:relative;
	display:flex;
	width:100%;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.acquisition-left-top ul{
	margin-top:0%;
	font-size:1.3rem;
	font-weight: bold;
	color:black;
}

.acquisition-left-bot{
	position:relative;
	display:flex;
	width:100%;
	height:50%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.acquisition-left-bot ul{
	margin-top:0%;
	font-size:1rem;
	color:black;
}

.acquisition-right{
	position:relative;
	display:block;
	align-items: center;
	width:40%;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.acquisition_btn{
    position:relative;
    display:flex;
	left:20%;
	top:25%;
    justify-content: center;
    align-items: center;
	background-color: #317B22;
	border-radius: 1em;
	box-sizing: border-box;
	color: white;
	font-size: 1rem;
	width:60%;
	max-width: 100vw;
	max-height:100%;
	padding:5px;
	z-index:7;
	height:50%;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.acquisition_btn:hover{
	background-color:rgb(17, 17, 98);
}


.text_block_main{
	width:90%;
	margin-left:5%;
	height:auto;
	position:relative;
	margin-top:10%;
}

.text_block_main ul{
	font-size:1vw;
	color:black;
}

@media screen and (max-width: 820px){
	.text_block_main{
		display:none;
	}
	
	.buttons{
		margin-top:5%;
		width:80%;
		margin-left:10%;
		justify-content: center;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.button_block{
		display:flex;
		position:relative;
		justify-content: center;
		align-items: center;
		width:33.3%;
		height:100%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	button.green{
		position:relative;
		display:flex;
		justify-content: center;
		align-items: center;
		background-color: #4AAD52;
		border-radius: 3rem;
		box-sizing: border-box;
		color: white;
		width:25vw;
		padding:20px 30px;
		font-size: 4vw;
		max-width: 100vw;
		max-height:100%;
		z-index:7;
		cursor: pointer;
		border:none;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	button.grey{
		position:relative;
		display:flex;
		justify-content: center;
		align-items: center;
		border-radius: 3rem;
		box-sizing: border-box;
		color: grey;
		box-sizing: border-box;
		width:25vw;
		padding:20px 30px;
		font-size: 4vw;
		max-width: 100vw;
		max-height:100%;
		z-index:7;
		cursor: pointer;
		border:none;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.banner-wrapper{
		display:none;
	}
	
	.banner-wrapper-1 {
		margin-left:10%;
		margin-bottom:2%;
		display:block;
		margin-top:5%;
		position:relative;
		background-color: transparent;
		border-radius: 8px;
		width: 80%;
		max-width:100vw;
		height:auto;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		z-index:-1;
	}

	.picture_basic, .picture_business {
		z-index:-5;
		margin-left:0;
		width:90%;
		top:0;
		height:40vh;
		
	
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

.card{
	transform:scale(1);
	display: block; 
	margin-left:0;
}

.content-wrapper {
	width: 100%;
	margin-left:0;

}


.content_block_top{
	display:flex;
	position:relative;
	align-items: center;
	width:100%;
	height:10%;
	margin-bottom: 4%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block_bot{
	display:flex;
	position:relative;
	align-items: center;
	justify-content: center;
	height:20%;
	width:100%;
	margin-left:0;
	padding-top:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block_bot a {
	font-size: 3vw;
	width: 80%;

}

.content_block{
	display:flex;
	position:relative;
	align-items: center;
	justify-content: left;
	width:100%;
	height:20%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_block ul{
	font-size:3.5vw;
	
}


.content_block_top ul{
	font-size:6vw;
	margin-left:10%;
	color:black;
	text-align:left;
	font-weight: bold;
}

.content_block2{
	margin-top:2%;
	width:100%;
	height:10%;
	margin-left: -7%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}
.content_block2 ul{
	font-size:6vw;
	color:red;
	font-weight: bold;
	margin-bottom: 0;
}

.line{
	font-size:4vw;
	color:black;
	text-decoration: line-through;
}
.line1{
	font-size:5vw;
	color:black;

}


.content_block3{
	display:flex;
	position:relative;
	align-items: center;
	margin-top:2%;
	width:100%;
	height:10%;
	margin-left: -7%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}
.content_block3 ul{
	font-size:3vw;
	color:black;
	font-weight: 200;
	margin-bottom: 2%;
}

.kosik{
    display:flex;
    width:20%;
	margin-left:-5%;
}

.sales_btn_2{
	font-size: 4vw;
	width: 100%;
	max-width: 100vw;
	max-height:100%;
	padding:5px;
	z-index:7;
}

.detail_text{
	display:none;
	width:80%;
	height:auto;
	margin-top:10%;
	margin-left:10%;	
}

.detail_text-1{
	display:block;
	width:80%;
	height:auto;
	margin-top:20%;
	margin-left:10%;	
}

.detail_text_block{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.detail_text_side{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	align-items: center;
	margin-top:10%;
	text-align: left;
}


.detail_text_side ul{
	display:block;
	position:relative;
	color:black;
	font-size:4.5vw;
	width:100%;
	height:100%;
	align-items: center;
}

.detail_text_pic{
	position:relative;
	width:100%;
	height:auto;
	margin-top:20%;
}


.detail_text1{
	float: left;
	width:60%;
	height:auto;
	margin-top:10%;
	margin-left:18%;
	margin-bottom: 5%;
	
}

.detail_text ul{
	margin-top:10%;
	font-size:1.3rem;
	color:black;
	margin-right: 5%;
}


.detail_text_block_nadpis{
	display:block;
	text-align: center;
}

.detail_text_block_nadpis ul{
	margin-top:5%;
	color:black;
	font-size:4.5vw;
}

.porovnani_wrap{
	display:flex;
	max-width:100vw;
	width:100%;
	height:max-content;
}

.porovnani{
	display:block;
	position:relative;
	margin-top:5%;
	margin-bottom:10%;
	padding-bottom:3%;
	height:100%;
	width:70%;
	max-width:100vw;
	margin-left:0;
	margin-right:2%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;;
	background-color: #f1f1f1;
	padding-top:20px;
}


.porovnani_row{
	display:flex;
	width:100%;
	height:25%;
}


.porovnani_row_top{
	display:flex;
	position:relative;
	align-items: center;
	width:100%;
	height:10vh;
	margin-bottom:10px;
}


.porovnani_row_top-1{
	display:flex;
	position:relative;
	width:100%;
	height:10vh;
	margin-bottom:10px;
}

.porovnani_row_top-2{
	display:flex;
	position:relative;
	justify-content: center;
	width:100%;
	height:8vh;

}



.porovnani_cell{
	display:flex;
	width:10%;
	height:8vh;
	justify-content: center;
	align-items: center;
	
}


.porovnani_cell2{
	position:relative;
	display:block;
	width:50%;
	height:auto;
}


.porovnani_cell2 ul{
	display:flex;
	font-size:4vw;
	color:black;
	justify-content: center;
	align-items: center;
}

.porovnani_cell ul{
	display:flex;
	font-size:0.8rem;
	color:black;
	justify-content: center;
	align-items: center;
}




.porovnani_cell_nazev-1{
	display:block;
	justify-content: center;
	align-items: center;
	width:100%;
	height:auto;

}

.porovnani_cell_nazev{
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:auto;

}


.porovnani_cell_bot{
	display:flex;
	justify-content: center;
	text-align: center;
	width:100%;
	height:2vh;
	margin-bottom:10px;
}

.porovnani_cell_bot ul{
	width:100%;
	font-size:3vw;
	color:black;
}


.porovnani_cell_top{
	display:flex;
	justify-content: center;
	width:100%;
	height:70%;

}

.verze{
	font-size:5vw;
	color:black;
	font-weight: bold;
	padding-bottom:5%;
}

.nazev{
	font-size:4vw;
	color:black;
	font-weight: bold;
}

img.cell{
	display:flex;
	margin-left:0;
	justify-content: center;
	width:45%;
}


.porovnani_text-1{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:10%;
	width:100%;
	height:auto;
	font-size:4rem;
	color:black;
	font-weight: bold;
}



.porovnani_side{
	display:block;
	position:relative;
	margin-top:5%;
	margin-bottom:10%;
	padding-bottom:3%;
	height:100%;
	width:20%;
	max-width:100vw;
	margin-left:0;
	margin-right:0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;;
	background-color: transparent;
	padding-top:20px;	
}


.detail_pics{
	width:100%;
	height:auto;
	background-size: contain;
	background-repeat: none;
	object-fit: cover;
	
}

.info{
	display:none;
}
}


