@import 'variables';
@import '_mixins';

#page_hero {
	.scontainer-content {
		@include respond-below(sm) {
			grid-template-columns: 1fr;
			.left-data {
				margin-left: auto;
				margin-right: auto;
			}
			.right-data {
				display: none;
			}
		}
	}
}
.box-01 {
	.ornamentglas-tiles {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		column-gap: 30px;
		row-gap: 90px;

		li {
			img {
				width: 100%;
				max-width: 350px;
				height: 100%;
				margin-bottom: 30px;
				max-height: 350px;
				object-fit: cover;
			}
			p {
				font-weight: 300;
				font-size: 16px;
				line-height: 25px;
				letter-spacing: 0.05em;
			}
		}

		@include respond-below(sm) {
			li {
				text-align: center;
			}
		}
	}
}