.hero article.section-padding {
    padding: 4em;
    padding-left: 2em;
    padding-right: 7em;
}

.hero article p, .hodnoty article p {
    position: relative;
    padding-left: 1em;
}

.posts-section .img-thumb {
    position: relative;
    height: 250px;
}

.posts-section .small-size {
    position: relative;
    padding-left: 1em;
}

.posts-section .small-size::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    background-color: var(--primary-color);
    height: 100%;
}

.hero article p::after, .hodnoty article p::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    background-color: var(--primary-color);
    height: 100px;
}

.posts-section p.roboto {
    margin-bottom: 0;
    margin-top: 0;
}

.posts-section p {
    padding-left: 1em;
}

.komunalna-poistovna .grid-2 article {
    display: flex;
    justify-content: space-between;
}

.komunalna-poistovna .grid-2 article.right {
    flex-direction: column-reverse;
}

.komunalna-poistovna .grid-2 article div {
width: 100%;
}

.komunalna-poistovna .grid-2 article div.img {
    width: 0%;
    }
    

.komunalna-poistovna .grid-2 article {
    padding-top: 0;
    padding-bottom: 0;
}

.line-middle {
    position: absolute;
    bottom: 4em;
    right: 0;
    left: 0;
    margin: auto;
    content: '';
    width: 1px;
    background-color: var(--primary-color);
    height: 60%;
}

div.img img {
    position: absolute;
    left: 0;
    width: 5%;
    height: 50%;
    margin: auto;
    top: 30%;
    object-fit: cover;
}

.right div.img img {
    position: absolute;
    left: auto;
    right: 0;
    width: 5%;
    height: 50%;
    margin: auto;
    top: 30%;
    object-fit: cover;
}

.banner {
    height: 500px;
	position:relative;
}

.banner img {
    top: 0;
	position:absolute;
	z-index:0;
    left: 0;
    height: 100%;
	object-fit:cover;
    width: 100%;
}

.banner-2 {
	height:100%;
	min-height:500px;
}

.banner-1 article {
    width: 40%;
	position:absolute;
	height:max-content;
	background:white;
    margin: auto;
    left: 0;
	bottom:4em;
    right: 0; 
}

.hodnoty.p-s {
	padding-bottom:0;
	padding-top:0;
}

.hodnoty article.section-padding {
	padding-bottom:5em;
	padding-top:5em;
}

.hodnoty .banner-2 article {
	padding-bottom:2em;
	padding-top:2em;
}

.hodnoty .banner-2 article p::after {
	display:none;
}

.banner-2 article {
    width: 100%;
	position:absolute;
	height:max-content;
	background:white;
    margin: auto;
    left: 0;
	bottom:4em;
    right: 0; 
}

.img-side .left {
    padding-left: 6.5rem;
}

.img-side .right {
    padding-right: 6.5rem;
}

@media only screen and (min-width: 1700px) {
    .right div.img img, div.img img {
        width: 10rem!important;
    }

    .w-90 {
        width: 89%;
    }

.img-side .left {
    padding-left: 6.5rem;
}

.img-side .right {
    padding-right: 6.5rem;
}
}

@media only screen and (max-width: 991px) {
.hero article.section-padding {
    padding-right: 2em;
}
	.hero.bg-contrast.p-s-t.relative {
    padding-bottom: 0;
}
	
	.p-s.banner-1.banner.relative {
    height: 400px;
}
	
	.banner-1 article {
    width: 100%; 
	}
}