Increase mobile footer size

website/static/css/style.css

@@ -33,10 +33,6 @@ body {
     background-size: cover;
 }
 
-.main-container{
-	padding-bottom: 150px;
-}
-
 .title{
     text-align: center;
     font-size: 50px;
@@ -95,13 +91,16 @@ ul.ui-autocomplete {
 	width: 150px;
 	height: auto;
 }
+.main-container{
+	padding-bottom: 200px;
+}
 #footer{
 	background-color: rgba(252,252,255,0.78);
 	bottom: 0;
 	position: absolute;
 	left: 0;
 	right: 0;
-	height: 100px;
+	height: 165px;
     text-align: center;
     font-size: 15px;
     display: none;
@@ -135,6 +134,12 @@ ul.ui-autocomplete {
 		position: absolute;
 		right: 15px;
 	}
+	.main-container{
+		padding-bottom: 150px;
+	}
+	#footer {
+		height: 100px;
+	}
 }
 /* lg */
 @media (min-width: 1200px) {