Add media queries

static/base.css

@@ -7,6 +7,12 @@ body{
     padding:0.5rem;
     /*display: flex;*/
 }
+@media only screen and (max-width: 750px){
+    .container{
+        padding:0;
+    }
+}
+
 .navbar-container{
     /* Primary color */
     background-color: #2196f3;
@@ -16,12 +22,25 @@ body{
 .content{
     padding:0.5rem;
     border-radius: 0.25rem;
-    width:50%;
-    max-width: 70rem;
+    width:75%;
     margin:0.5rem auto 0.5rem auto;
     background-color: aliceblue;
 }
 
+@media only screen and (min-width: 750px){
+    .content{
+        min-width:40rem;
+    }
+}
+
+@media only screen and (max-width: 750px){
+    .content{
+        width: auto;
+        border-radius: 0;
+        margin-top:0;
+    }
+}
+
 .nav-bottom-container{
     position: fixed;
     bottom:0;
@@ -30,7 +49,6 @@ body{
 
 .nav-bottom{
     background-color:aliceblue;
-
     z-index:2;
     padding:0.5rem;
     height: 1.5rem;
@@ -42,8 +60,8 @@ body{
     text-align: right;
 }
 .nav-bottom-button{
-    margin-bottom: 0.5rem;
-    margin-right:0.5rem;
+    margin-bottom: 1rem;
+    margin-right:1rem;
     margin-left: auto;
     width:4.5rem;
     height:4.5rem;