style update

themes/custom/static/css/style.css

@@ -22,7 +22,7 @@ body {
 	width:70%;
 	min-height: 100vh;
 	margin:auto;
-	background-color: rgba(0,0,0,0.7);
+	background-color: rgba(0,0,0,0.77);
 
 }
 main {
@@ -31,10 +31,11 @@ main {
 main img {
 	display: block;
 	margin: auto;
-	width:80%;
+	width:100%;
+	margin-bottom: 30px;
 }
 section, nav {
-	padding:3%;
+	padding:5%;
 }
 
 h1{
@@ -56,10 +57,23 @@ header {
 	font-size:4em;
 }
 
+@media only screen 
+and (max-width : 800px) {
+    article {
+    	columns: 1;
+    }
+}
+@media only screen 
+and (min-width : 800px) {
+    article {
+    	columns: 2;
+		column-gap:5%;
+    }
+}
 article {
 	text-align:justify;
-	columns: 2;
 }
+
 article p {
 	margin-bottom:15px;
 }