diff --git a/components/01_Layouts/_layouts.scss b/components/01_Layouts/_layouts.scss
index 3a7067c..40be488 100644
--- a/components/01_Layouts/_layouts.scss
+++ b/components/01_Layouts/_layouts.scss
@@ -1,3 +1,4 @@
 @import 'flexRow/flexRow';
 @import 'flexGrid/flexGrid';
-@import 'contentCrop/contentCrop';
\ No newline at end of file
+@import 'contentCrop/contentCrop';
+@import 'fan/fan';
\ No newline at end of file
diff --git a/components/01_Layouts/contentCrop/_contentCrop.scss b/components/01_Layouts/contentCrop/_contentCrop.scss
index 054a8ae..2364f30 100644
--- a/components/01_Layouts/contentCrop/_contentCrop.scss
+++ b/components/01_Layouts/contentCrop/_contentCrop.scss
@@ -1,4 +1,4 @@
-RV-ContentCrop{
+@mixin RV-ContentCrop{
 	&,* {
 		overflow: hidden;
 		word-break: break-all;
@@ -37,5 +37,5 @@ RV-ContentCrop{
 }
 
 .RV-ContentCrop__Container {
-	@extend RV-ContentCrop;
+	@include RV-ContentCrop;
 }
\ No newline at end of file
diff --git a/components/01_Layouts/fan/_fan.scss b/components/01_Layouts/fan/_fan.scss
new file mode 100644
index 0000000..5877bef
--- /dev/null
+++ b/components/01_Layouts/fan/_fan.scss
@@ -0,0 +1,17 @@
+@mixin RV-Fan {
+	&__Container {
+		display: flex;
+
+		&--horizontal {
+			flex-direction: row;
+		}
+
+		&--vertical {
+			flex-direction: column;
+		}
+	}
+}
+
+.RV-Fan {
+	@include RV-Fan;
+}
\ No newline at end of file
diff --git a/components/01_Layouts/fan/fan.config.json b/components/01_Layouts/fan/fan.config.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/components/01_Layouts/fan/fan.config.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/components/01_Layouts/fan/fan.hbs b/components/01_Layouts/fan/fan.hbs
new file mode 100644
index 0000000..76b54b4
--- /dev/null
+++ b/components/01_Layouts/fan/fan.hbs
@@ -0,0 +1,8 @@
+<div class="RV-Fan__Container RV-Fan__Container--horizontal">
+	<div class="landscape red RV-Fan__Base"></div>
+	<div class="green RV-Fan__Surface">
+		<p>Some content here</p>
+		<p>More conthent over here</p>
+		<p>And something here</p>
+	</div>
+</div>
\ No newline at end of file
diff --git a/public/rcss.css b/public/rcss.css
index 7bf37c4..0076c49 100644
--- a/public/rcss.css
+++ b/public/rcss.css
@@ -61,24 +61,31 @@
   .RV-FlexGrid__Item--right * {
     justify-content: flex-end; }
 
-RV-ContentCrop, .RV-ContentCrop__Container, RV-ContentCrop *, .RV-ContentCrop__Container * {
+.RV-ContentCrop__Container, .RV-ContentCrop__Container * {
   overflow: hidden;
   word-break: break-all; }
 
-RV-ContentCrop img, .RV-ContentCrop__Container img {
+.RV-ContentCrop__Container img {
   width: inherit;
   height: inherit;
   object-fit: cover;
   object-position: center; }
 
-RV-ContentCrop--left img {
+.RV-ContentCrop__Container--left img {
   object-position: left; }
 
-RV-ContentCrop--right img {
+.RV-ContentCrop__Container--right img {
   object-position: right; }
 
-RV-ContentCrop--top img {
+.RV-ContentCrop__Container--top img {
   object-position: top; }
 
-RV-ContentCrop--bottom img {
+.RV-ContentCrop__Container--bottom img {
   object-position: bottom; }
+
+.RV-Fan__Container {
+  display: flex; }
+  .RV-Fan__Container--horizontal {
+    flex-direction: row; }
+  .RV-Fan__Container--vertical {
+    flex-direction: column; }