.display-style {
	display: grid;
}

.two-grid-style-one {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "one two";
}

.two-grid-style-one .one {
	grid-area: one;
	background-size: cover;
}

.two-grid-style-one .two {
	grid-area: two;
	background-size: cover;
}

.two-grid-style-two {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "one" "two";
}

.two-grid-style-two .one {
	grid-area: one;
	background-size: cover;
}

.two-grid-style-two .two {
	grid-area: two;
	background-size: cover;
}

.three-grid-style-one {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "one one" "innerone innertwo";
}

.three-grid-style-one .one {
	grid-area: one;
	background-size: cover;
}

.three-grid-style-one .innerone {
	grid-area: innerone;
	background-size: cover;
}

.three-grid-style-one .innertwo {
	grid-area: innertwo;
	background-size: cover;
}

.three-grid-style-two {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "innerone innertwo" "two two";
}

.three-grid-style-two .two {
	grid-area: two;
	background-size: cover;
}

.three-grid-style-two .innerone {
	grid-area: innerone;
	background-size: cover;
}

.three-grid-style-two .innertwo {
	grid-area: innertwo;
	background-size: cover;
}

.three-grid-style-three {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "one innerone" "one innertwo";
}

.three-grid-style-three .one {
	grid-area: one;
	background-size: cover;
}

.three-grid-style-three .innerone {
	grid-area: innerone;
	background-size: cover;
}

.three-grid-style-three .innertwo {
	grid-area: innertwo;
	background-size: cover;
}

.three-grid-style-four {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "leftone rightone" "lefttwo rightone";
}

.three-grid-style-four .leftone {
	grid-area: leftone;
	background-size: cover;
}

.three-grid-style-four .lefttwo {
	grid-area: lefttwo;
	background-size: cover;
}

.three-grid-style-four .rightone {
	grid-area: rightone;
	background-size: cover;
}

.three-grid-style-five {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "top top" "center center" "bottom bottom";
}

.three-grid-style-five .top {
	grid-area: top;
	background-size: cover;
}

.three-grid-style-five .center {
	grid-area: center;
	background-size: cover;
}

.three-grid-style-five .bottom {
	grid-area: bottom;
	background-size: cover;
}

.three-grid-style-six {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "left center right" "left center right";
}

.three-grid-style-six .left {
	grid-area: left;
	background-size: cover;
}

.three-grid-style-six .center {
	grid-area: center;
	background-size: cover;
}

.three-grid-style-six .right {
	grid-area: right;
	background-size: cover;
}

.four-grid-style-one {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-areas: "one one" "two two" "three three" "four four";
}

.four-grid-style-one .one {
	grid-area: one;
	background-size: cover;
}

.four-grid-style-one .two {
	grid-area: two;
	background-size: cover;
}

.four-grid-style-one .three {
	grid-area: three;
	background-size: cover;
}

.four-grid-style-one .four {
	grid-area: four;
	background-size: cover;
}

.four-grid-style-two {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "one two three four" "one two three four";
}

.four-grid-style-two .one {
	grid-area: one;
	background-size: cover;
}

.four-grid-style-two .two {
	grid-area: two;
	background-size: cover;
}

.four-grid-style-two .three {
	grid-area: three;
	background-size: cover;
}

.four-grid-style-two .four {
	grid-area: four;
	background-size: cover;
}

.four-grid-style-three {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "topone topone topone" "bottomone bottomtwo bottomthree";
}

.four-grid-style-three .topone {
	grid-area: topone;
	background-size: cover;
}

.four-grid-style-three .bottomone {
	grid-area: bottomone;
	background-size: cover;
}

.four-grid-style-three .bottomtwo {
	grid-area: bottomtwo;
	background-size: cover;
}

.four-grid-style-three .bottomthree {
	grid-area: bottomthree;
	background-size: cover;
}

.four-grid-style-four {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "topone toptwo topthree" "bottomone bottomone bottomone";
}

.four-grid-style-four .topone {
	grid-area: topone;
	background-size: cover;
}

.four-grid-style-four .toptwo {
	grid-area: toptwo;
	background-size: cover;
}

.four-grid-style-four .topthree {
	grid-area: topthree;
	background-size: cover;
}

.four-grid-style-four .bottomone {
	grid-area: bottomone;
	background-size: cover;
}

.four-grid-style-five {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "leftone rightone" "leftone righttwo" "leftone rightthree";
}

.four-grid-style-five .leftone {
	grid-area: leftone;
	background-size: cover;
}

.four-grid-style-five .rightone {
	grid-area: rightone;
	background-size: cover;
}

.four-grid-style-five .righttwo {
	grid-area: righttwo;
	background-size: cover;
}

.four-grid-style-five .rightthree {
	grid-area: rightthree;
	background-size: cover;
}

.four-grid-style-six {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "leftone righttone" "lefttwo righttone" "leftthree righttone";
}

.four-grid-style-six .leftone {
	grid-area: leftone;
}

.four-grid-style-six .lefttwo {
	grid-area: lefttwo;
	background-size: cover;
}

.four-grid-style-six .leftthree {
	grid-area: leftthree;
	background-size: cover;
}

.four-grid-style-six .leftone {
	grid-area: righttone;
	background-size: cover;
}

.four-grid-style-seven {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "topone topone toptwo" "bottomone bottomtwo bottomtwo";
}

.four-grid-style-seven .topone {
	grid-area: topone;
	background-size: cover;
}

.four-grid-style-seven .toptwo {
	grid-area: toptwo;
	background-size: cover;
}

.four-grid-style-seven .bottomone {
	grid-area: bottomone;
	background-size: cover;
}

.four-grid-style-seven .bottomtwo {
	grid-area: bottomtwo;
	background-size: cover;
}

.four-grid-style-eight {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "topone toptwo toptwo" "bottomone bottomone bottomtwo";
}

.four-grid-style-eight .topone {
	grid-area: topone;
	background-size: cover;
}

.four-grid-style-eight .toptwo {
	grid-area: toptwo;
	background-size: cover;
}

.four-grid-style-eight .bottomone {
	grid-area: bottomone;
	background-size: cover;
}

.four-grid-style-eight .bottomtwo {
	grid-area: bottomtwo;
	background-size: cover;
}

.four-grid-style-nine {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "leftone rightone" "leftone righttwo" "lefttwo righttwo";
}

.four-grid-style-nine .leftone {
	grid-area: leftone;
	background-size: cover;
}

.four-grid-style-nine .lefttwo {
	grid-area: lefttwo;
	background-size: cover;
}

.four-grid-style-nine .rightone {
	grid-area: rightone;
	background-size: cover;
}

.four-grid-style-nine .righttwo {
	grid-area: righttwo;
	background-size: cover;
}

.four-grid-style-ten {
	grid-template-areas: "leftone rightone" "leftone righttwo" "leftone righttwo";
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "leftone rightone" "lefttwo rightone" "lefttwo righttwo";
}

.four-grid-style-ten .leftone {
	grid-area: leftone;
	background-size: cover;
}

.four-grid-style-ten .lefttwo {
	grid-area: lefttwo;
	background-size: cover;
}

.four-grid-style-ten .rightone {
	grid-area: rightone;
	background-size: cover;
}

.four-grid-style-ten .righttwo {
	grid-area: righttwo;
	background-size: cover;
}

.four-grid-style-eleven {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "topleft topright" "center center" "bottom bottom";
}

.four-grid-style-eleven .topleft {
	grid-area: topleft;
	background-size: cover;
}

.four-grid-style-eleven .topright {
	grid-area: topright;
	background-size: cover;
}

.four-grid-style-eleven .center {
	grid-area: center;
	background-size: cover;
}

.four-grid-style-eleven .bottom {
	grid-area: bottom;
	background-size: cover;
}

.four-grid-style-twelve {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "top top" "centerone centertwo" "bottom bottom";
}

.four-grid-style-twelve .top {
	grid-area: top;
	background-size: cover;
}

.four-grid-style-twelve .centerone {
	grid-area: centerone;
	background-size: cover;
}

.four-grid-style-twelve .centertwo {
	grid-area: centertwo;
	background-size: cover;
}

.four-grid-style-twelve .bottom {
	grid-area: bottom;
	background-size: cover;
}

.four-grid-style-thirteen {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas: "top top" "center center" "bottomone bottomtwo";
}

.four-grid-style-thirteen .top {
	grid-area: top;
	background-size: cover;
}

.four-grid-style-thirteen .center {
	grid-area: center;
	background-size: cover;
}

.four-grid-style-thirteen .bottomone {
	grid-area: bottomone;
	background-size: cover;
}

.four-grid-style-thirteen .bottomtwo {
	grid-area: bottomtwo;
	background-size: cover;
}

.four-grid-style-fourteen {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "leftone center right" "lefttwo center right";
}

.four-grid-style-fourteen .leftone {
	grid-area: leftone;
	background-size: cover;
}

.four-grid-style-fourteen .lefttwo {
	grid-area: lefttwo;
	background-size: cover;
}

.four-grid-style-fourteen .center {
	grid-area: center;
	background-size: cover;
}

.four-grid-style-fourteen .right {
	grid-area: right;
	background-size: cover;
}

.four-grid-style-fifteen {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "leftone rightone" "lefttwo righttwo";
}

.four-grid-style-fifteen .leftone {
	grid-area: leftone;
	background-size: cover;
}

.four-grid-style-fifteen .lefttwo {
	grid-area: lefttwo;
	background-size: cover;
}

.four-grid-style-fifteen .rightone {
	grid-area: rightone;
	background-size: cover;
}

.four-grid-style-fifteen .righttwo {
	grid-area: righttwo;
	background-size: cover;
}