.grid-one {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
/*	grid-template-rows: repeat(5, 1fr);*/
	grid-template-rows: [row1-start] 100px [row1-end] 100px [third-line] 100px [fourth-line] 100px [fifth-line] 100px [sixth-line] 100px [seventh-line]100px  [eight-line] 100px[last-line];
	grid-column-gap: 20px;
	grid-row-gap: 10px;
}

.image {
    grid-area: 2 / 7 / 8 / 13;
}

.second-section{
	padding-top: 3em;
	padding-bottom: 6em;
	padding-left: 1rem;
	padding-right: 1rem;
}

.grid-story .image-wrapper {
    grid-area: 1 / 7 / 12 / 13;
}

.notpublished .image-container img.loaded{
	opacity: .5;
}

@media screen and (max-width: 1024px) {
	.grid-one{
		grid-template-rows: auto;
		grid-row-gap: 30px;
	}
	.image {
		grid-area: 3 / 1 / 8 / 13;
	}
	.grid-story .image-wrapper {
		grid-area: 3 / 1 / 29 / 13;
	}
}

@media (min-width: 2000px) and (max-width: 5000px) {
    .lg-span-6 {
        width: 100%;
    }
}

@media screen and (max-width: 760px) {
	.second-section{
		padding-top: 1em;
		padding-bottom: 2em;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.image {
	    grid-area: 3 / 1 / 8 / 13;
	}
	.grid-story.one{
		grid-template-rows: auto;
	}
	.grid-story.one .image-wrapper{
		height: 50vh;
	}
	.grid-story.two .image-wrapper{
		height: 50vh;
	}
	.grid-story.three .image-wrapper{
		height: 50vh;
	}
	.grid-story.two{
		grid-template-rows: auto;
	}
	.grid-story.three{
		grid-template-rows: auto;
	}
	.grid-story .image-wrapper {
	    grid-area: 5 / 1 / 10 / 13;
	}
	.grid-one{
		grid-template-rows: auto;
	}
}