first commit

style/_fourth-part.scss

@@ -0,0 +1,124 @@
+
+
+.fourth-part{
+    .headline-card{
+        padding-bottom: 0px !important;
+    }
+    
+    .card-fourth{
+        margin-top: auto;
+        margin-bottom: 30px;
+        padding: 0px 3px 8px 3px;
+        border: none;
+    }
+    h4 {
+        font-family: Merriweather;
+        color: #31353d;
+        font-weight: 500;
+        font-size: 24px;
+    }
+
+    h2 {
+        font-family: Merriweather;
+        color: #31353d;
+        font-weight: 700;
+        font-size: 29px;
+
+    }
+
+    .card{
+        margin-top: 0;
+    }
+
+    .line-img{
+        margin-bottom: 25px;
+    }
+
+    .img{
+        max-width: 100%;
+        margin-top: 0;
+        margin-bottom: 30px;
+    }
+
+    .published{
+        margin-right: 16px;
+        color: $lightblue;
+        font-family: Merriweather;
+        font-style: italic;
+        font-weight: 400;
+        letter-spacing: 0px;
+    }
+
+    .date-by{
+        margin-bottom: 14px;
+    }
+
+    .author{
+        font-style: italic;
+        font-weight: 400;
+        font-size: 18px;
+        line-height: 1.4375;
+        font-family: Merriweather;
+        letter-spacing: 0px;
+        color: #777777;
+        cursor: pointer;
+    }
+
+    .author:hover{
+        color: $lightblue;
+        transition: 0.2s;
+    }
+
+    .sub-title{
+        font-family: Merriweather;
+        font-size: 20px ;
+        color: #333333 !important;
+        line-height: 1.3em !important;
+        padding-right: 10px;
+        margin-bottom: 20px;
+
+    }
+    .post-text{
+        text-align: left;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 1.4375;
+        font-family: MerriweatherSans;
+        letter-spacing: 0px;
+        color: #777777;
+        box-sizing: border-box;   
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .fourth-part{
+        margin-left: 20px;
+        margin-right: 20px;
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .fourth-part{
+
+        h2 {
+            font-size: 48px;
+        }
+
+        h4{
+            font-size: 29px;
+        }
+
+         padding-top: 55px;
+        padding-bottom: 75px;
+
+        .line-img{
+            margin-bottom: 75px !important;
+        }
+
+        .sub-title{
+            font-size: 26px !important;
+        }
+    }
+}
+