init

css/index/about_us.css

@@ -0,0 +1,63 @@
+
+.about-us::before{
+    content: '';
+    display: block;
+    position: relative;
+    z-index: -1;
+    bottom: 0;
+    margin-top: -3em;
+    transform: skewY(-3deg);
+    -webkit-transform: skewY(-3deg);
+    height: 5em;
+    background-color: white;
+}
+.about-us::after{
+    content: '';
+    display: block;
+    position: relative;
+    z-index: -1;
+    bottom: 0;
+    margin-bottom: -2em;
+    transform: skewY(-3deg);
+    -webkit-transform: skewY(-3deg);
+    height: 5em;
+    background-color: white;
+}
+.about-us{
+    background-color: white;
+    width: 100%;
+    position: relative;
+    display: grid;
+    z-index: 5;
+}
+.about-us-big{
+    display: none;
+}
+.about-us-small{
+    margin: auto;
+    width: 90%;
+    display: flex;
+    flex-direction: column;
+}
+.about-us-small header{
+    text-align: center;
+    margin: auto;
+    width: 80%;
+}
+.about-us-small header hr{
+    height: 0;
+    border-style: solid;
+}
+
+.about-us-small main{
+    margin: auto;
+    width: 80%; 
+}
+.about-us-small h2{
+    font-size: 1.2em;
+    text-align: center;
+}
+.about-us-small main p{
+    text-align: center;
+    margin: 1em;
+}