<style>
.kaste{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
}
.kaste2:hover {
	transition: transform 0.5s;
	transform: scale(1.1, 1.1)
}
.kaste1{
	width: 100%;
	height: 90%;
	display:flex;
	flex-direction:row ;
	justify-content: space-evenly;
	padding-bottom: 30px;

}
.kaste2{
	width: 45%;
	border: 3px solid rgba(1, 81, 58);
	padding: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	cursor: pointer;
}
.kaste3{


}
.virsraksts{
	height: fit-content;
	margin: 10px;



}
.attels{
	height: 50%;
	border: 1px solid grey;

}
.attels img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.apraksts{
	height: 50%;

}
.ipasiba{
	font-size: 17px;

	

}
.ipasiba li{
	display: grid;
	grid-template-columns: auto max-content;
	align-items: end;
}
.saturs{
	overflow: scroll;
}
@media only screen and (max-width: 800px){
.kaste1{
	width: 100%;
	height: 90%;
	display:flex;
	flex-direction: column ;
	justify-content: space-evenly;
	padding-bottom: 30px;
	align-items: center;
}
.kaste{
	width:100%;
	height:100vh;
	display:flex;
	flex-direction:column;
	height:max-content;
}
.kaste2{
	width: 80%;
	border: 3px solid rgba(1, 81, 58);
	padding: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	cursor: pointer;
	margin-bottom:50px;
}

.saturs{
	overflow: visible;
	height: max-content;

}
}

</style>
