first commit

layout/style-scss/ornamentglas.scss

@@ -0,0 +1,48 @@
+@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;
+			}
+		}
+	}
+}