diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..095d3e9df77f5cbbebfddbd8715e81bb5627fc69 100644
--- a/assets/sass/_theme/sections/persons.sass
+++ b/assets/sass/_theme/sections/persons.sass
@@ -0,0 +1,51 @@
+.person
+    // @extend .card
+    border: 0
+    & > a
+        display: flex
+        flex-direction: column
+
+    &,
+    & > a
+        @include media-breakpoint-down(md)
+            display: block
+        > div:first-of-type
+            // @extend .card-body
+            padding-left: 0
+            padding-right: 0
+            @include media-breakpoint-down(md)
+                float: left
+                max-width: calc(100% - 6rem)
+                padding-bottom: 0
+                padding-top: 0
+
+    p
+        margin-bottom: 0
+
+    .avatar
+        order: 1
+        width: px2rem(76)
+        @include media-breakpoint-down(md)
+            float: right
+
+    .name
+        // @extend .card-title
+        margin-bottom: 0
+        @include media-breakpoint-down(md)
+            font-size: px2rem(22)
+        a
+            @include stretched-link
+            @include link
+
+    .name + p
+        font-size: px2rem(16)
+
+    .name ~ .contact
+        // @extend .small
+
+.persons
+    // --bs-gutter-y: 3rem
+    // @extend .row
+    > *
+        // @extend .col-md-6
+        // @extend .col-lg-4