Redo the media page, was arranges strangely and also want books to be first.

pages/media.php

@@ -7,13 +7,38 @@
 ?>
 
 		<div class="row">
-			<h1 class="col-12 title">Videos</h1>
+			<h1 class="col-12 title">Media</h1>
 		</div>
 		<div class="row">
 			<div class="col-12 header center" >
 				<img src="/files/media/icons/videos.jpg">
 			</div>
+			<div class="col-12 text">
+				<p>
+					Any media I produce can be found here!
+				</p>
+			</div>
 		</div>
+
+		<div class="row">
+			<h1 class="col-12 title">Books</h1>
+		</div>
+
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					I enjoy writing! Find my free eBooks below.
+				</p>
+				<ul class="indent"><li>
+					<a href="/health/">My Health Protocol</a>
+				</li></ul>
+			</div>
+		</div>
+
+		<div class="row" id="donate">
+			<h2 class="col-12 title">Videos</h2>
+		</div>
+
 		<div class="row">
 			<div class="col-12 text">
 				<p>
@@ -47,20 +72,6 @@
 			</div>
 		</div>
 
-		<div class="row">
-			<h1 class="col-12 title">Books</h1>
-		</div>
-		<div class="row">
-			<div class="col-12 text">
-				<p>
-					I enjoy writing! Find my free eBooks below.
-				</p>
-				<ul class="indent"><li>
-					<a href="/health/">My Health Protocol</a>
-				</li></ul>
-			</div>
-		</div>
-
 <!-- WIP
 		<div class="row">
 			<h1 class="col-12 title">Art / Poetry</h1>
@@ -78,7 +89,7 @@
 -->
 
 		<div class="row">
-			<h1 class="col-12 title">Personal Media</h1>
+			<h1 class="col-12 title">Photography</h1>
 		</div>
 		<div class="row">
 			<div class="col-12 text">