LR css

static/css/style.css

@@ -112,7 +112,7 @@ div#navigation a{
 	font-family: 'Roboto Condensed', sans-serif;
 	text-decoration: none;
 	color: black;
-	font-size: 16px;
+	font-size: 18px;
 	height: 67px;
 
 }
@@ -274,7 +274,7 @@ div.pagetitle{
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: bold;
 	text-transform: uppercase;
-	margin-left: 81px;
+	padding-left: 5%;
 }
 
 /******************************************************/
@@ -532,18 +532,61 @@ img.person_creatorof-imgs{
 /************ ABOUT ************/
 
 div#about-content{
-	padding-left: 81px;
-	padding-right: 81px;
 
 }
 div#about-content-top{
-
+	padding: 0 5%;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 div#about-content-top-left{
-	
+		grid-column: 1/span 2;
+		font-size: 32px;
+    font-weight: normal;
+    font-stretch: condensed;
+    font-style: normal;
+    line-height: 50px;
+    color: blue;
+    padding-right: 10%;
+
 }
 div#about-content-top-right{
-	
+		grid-column: 3/span 2;
+		padding-right: 10%;
+}
+div#about-content-top-right img{
+		width: 100%;
+}
+
+div#about-content-bottom{
+	grid-column: 1/ span 4;
+    padding: 0 15%;
+    padding-bottom: 5%
+    margin-bottom: 60px;
+
+}
+
+div#about-paragraph-subtitle{
+	font-size: 30px;
+    line-height: 35px;
+    padding-bottom: 1.5rem;
+}
+
+div#about-paragraph p {
+	font-size: 20px;
+    line-height: 30px;
+    padding-bottom: 0.5rem;
+}
+
+
+div#about-paragraph a{
+	font-family: 'Roboto Condensed', sans-serif;
+	text-decoration: none;
+	color: blue;
+}
+
+div#about-title {
+
 }
 /************ TUTORIALS ************/