Adjust footer css

Client/src/app/components/app/app.component.css

@@ -47,8 +47,8 @@ header{
 .content{
     margin-top: 50px;
     min-height: 100%;
-    margin-bottom: -130px;
-    padding-bottom: 130px;
+    margin-bottom: -140px;
+    padding-bottom: 140px;
 }
 
 footer{
@@ -73,6 +73,7 @@ footer{
     min-height: 100px;  
 }
 
+
 @media(max-width: 900px){
     .header-button, .hideOnMobile{
         display: none;
@@ -81,15 +82,15 @@ footer{
 
 @media(max-width: 800px){
     footer{
-        height: 360px;
+        height: 380px;
     }
     .footer-panel{
         display: block;
         width: calc(100% - 20px);
     }
     .content{
-        margin-bottom: -350px;
-        padding-bottom: 350px;
+        margin-bottom: -380px;
+        padding-bottom: 380px;
     }
 }
 

Client/src/styles.css

@@ -12,6 +12,10 @@ html, body{
     height: 100%;
 }
 
+body {
+    height: calc(100% - 50px); /*Less 50 px for height of static header*/
+}
+
 .red{
     color: red;
 }