.single-post {
  position: relative;
  margin-bottom: 40px;
  min-height: 400px;
}
.single-post h1 {
  font-family: Georgia, serif;
  font-size: 2rem;
  margin: 10px 0 20px 0;
  word-break: break-all;
}
.single-post__float div{
  position: absolute;
  background-color: var(--gray);
  right: 10px;
  width: 200px;
  height: 360px;
  z-index: -1;
  top: 30px;
}
.single-post__dots {
  position: absolute;
  top: 10px;
  right: 50px;
  width: 100px;
}
.single-post__dots-light {
  position: absolute;
  width: 100px;
  right: 140px;
  top: 280px;
}
.single-post__wrapper {
  position: relative;
  display: flex;
}
.single-post__left div{
  margin-bottom: 15px;
}
.single-post__left {
  width: 70%;
}
.single-post__left li {
	margin-left: 25px;
}
.single-post__left p{
  color: grey;
  width: 90%;
}
.single-post__right img{
  object-fit: contain;
  width: 300px;
  height: 300px;
  position: absolute;
  right: 0;
}
.single-post__additional {
  display: flex;
}
.single-post__additional-posts {
  display: flex;
  margin-bottom: 30px;
}
.single-post__additional-posts img {
  width: 180px;
  height: 140px;	
}
.single-post__additional-posts .news__item {
	width: 100%;
}
.single-post__additional-categories {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .single-post__left {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .single-post__left {
    width: 40%;
  }
  .single-post__additional {
    flex-wrap: wrap;
  }
  .single-post__additional-posts {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
	figure {
		width: 100% !important;
	}
	figure > a > img {
		    width: 100%;
    height: 100%;
	}
  .single-post {
    padding: 0 15px 0 15px;
  }
  .single-post__wrapper {
    
  }
	.single-post__right img {
		margin-top: 380px;
	}
  .single-post__right img {
    top: -360px;
  }
  .single-post__left {
    width: 100%;
	margin-top: 350px;
  }
  .single-post__float div{
    top:80px;
  }
  .single-post__dots {
    top: 70px;
  }
  .single-post__dots-light {
    top: 320px;
  }
}