body{padding:2rem 2rem;
		color:#000000 !important;
		}

.okna-home-1 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-template-areas:
    "image text  text  text" 
	"image text  text  text"
	"image text  text  text" 
	"image block block block"
	"image block block block";
}

/*.okna-home-1  div{
	margin: 15px;
}*/
.okna-home  div{
	font-size: 16px;
}
.okna-home  h3{
	font-size: 24px;
	font-weight: 600;
}
.okna-home-1 > div > img{
	border-radius: 40px;
	width: 350px;
	height: auto;
}
.okna-home ul{
	
}
.okna-home-image {
  grid-area: image;
  margin: 15px;
}
.okna-home-text {
  grid-area: text;
  margin: 15px;
}
.okna-home-block{
	grid-area: block;
	background: #9f9;
	color: #000;
	padding: 10px 10px;
	border-radius: 15px;
	width: 400px;
	margin: 15px 15px 15px -100px;
	height: fit-content;
	hyphens: auto;
	display: grid;
	grid-template-columns: 1fr 5fr;
}
.okna-home li{
	/*line-height: 30px;*/
}

.sub-okna-3{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.sub-okna-4{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sub-okna-4 div{
	background: #1E1146;
  color: #fff;
  margin: 5px;
  border-radius: 20px;
  padding: 25px 15px;
  font-size: 14px;
  text-align: center;
}
.sub-okna-3 div{
	background: #1E1146;
  color: #fff;
  margin: 5px;
  border-radius: 20px;
  padding: 25px 15px;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 1024px)
{
	.okna-home-1 {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: 1fr;
		grid-template-areas:
			"image text " 
			"block block";
	}
	.okna-home-1 > div > img {
	  width: 100%;
	}
	.sub-okna-1{
		display: grid;
		grid-template-columns: 1fr;
	}
	.okna-home > div > img{
		border-radius: 10px;
		width: 210px;
		height: 294px;
	}
	.okna-home-block {
		margin: 10px auto;
		
	}
	.okna-home h3 {
		font-size: 16px;
	}
	.okna-home > div{
		margin: 0px 5px 5px;
	}
	
}

@media (max-width: 576px)
{	body {
	  padding: 2rem 1px;
	}
	.okna-home-1 {
		/*display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas:
		"image"
		"text"
		"block";*/
		display:flex;
		flex-direction: column;
	}
	.okna-home-1 > div > img{
		border-radius: 40px;
	}
	.sub-okna-1 div{
		padding: 10px 0; 
	 }
	.okna-home-block { 
		padding: 10px 10px;
		border-radius: 15px;
		width: 100% !important;
		margin-top: 10px;
		margin-left: 0px !important;
		height: 100% !important;
		grid-template-columns: 1fr;
	}
	.okna-home-block div:nth-child(1){ 
		display:none !important;
	}

	.okna-home h3 {
		font-size: 16px;
	}
	.okna-home > div{
		margin: 0px 5px 5px;
	}

	
}