messing up with the container size

app/static/css/navbar.css

@@ -6,7 +6,7 @@
 
 .navbar-default .navbar-brand {
   background: url(/static/images/datapoint.png) center / contain no-repeat;
-  width: 200px;
+  width: 180px;
   color: #ffffff;
 }
 .navbar-default .navbar-brand:hover,

app/static/css/style.css

@@ -12,20 +12,52 @@ body {
     left:0;
     width:100%;
     height:100%;
-    font-size: 14pt;
+    font-size: 16px;
     /* font-weight: bold; */
 }
 
 .page_wrap { 
-        width: 60%;
+    width: 83%;
 	margin: 0 auto;
 }
 
+.container {
+    width: 85%;
+}
+
+.container-fluid {
+    max-width: 85%;
+    min-width: 280px;
+}
+
+.container-fluid-index a:active {
+    color: lightgray;
+}
+
+.container-fluid-index a:link {
+    color: lightgray;
+}
+
+.container-fluid-index a:hover {
+    color: #fff;
+}
+
+.container-fluid-index a:visited {
+    color: lightgray;
+}
+
+.roundavatar {
+    border-radius: 50%;
+    -moz-border-radius: 50%;
+    -webkit-border-radius: 50%;
+}
+
+
 #footer_cols {
-	background:url(/static/images/footer_header_bg.png) repeat;
+	background:url('/static/images/footer_header_bg.png') repeat;
 	border-bottom: 1px solid #2c2c2e;
 	overflow: hidden;
-	padding: 16px 0 5px 0;
+	padding: 16px 0 20px 0;
 	color: #818387;
 	margin-top: 40px;
 }
@@ -42,7 +74,7 @@ body {
 .footerblock h4 {
 	font-size: 18px;
 	color: #FFF;
-	background: url(/static/images/footer_cols_divider.png) no-repeat bottom center;
+	background: url('/static/images/footer_cols_divider.png') no-repeat bottom center;
 	padding-bottom: 13px;
 	margin-bottom: 8px;
 }
@@ -62,7 +94,7 @@ body {
 }
 
 .newsletter_input {
-	background: url(/static/images/footer_newsletter_input.png) no-repeat;
+	background: url('/static/images/footer_newsletter_input.png') no-repeat;
 	width: 190px;
 	height: 38px;
 	padding: 0 10px;
@@ -74,7 +106,7 @@ body {
 }
 
 .newsletter_submit {
-	background: url(/static/images/footer_newsletter_input_btn.png) no-repeat;
+	background: url('/static/images/footer_newsletter_input_btn.png') no-repeat;
 	width: 16px;
 	height: 16px;
 	border: 0;
@@ -142,7 +174,6 @@ a:active {
     color: #2DA6F7;
 }
 
-
 .fluidMedia {
     position: relative;
     padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
@@ -180,42 +211,6 @@ a:active {
     padding-left: 16px;
 }
 
-.container {
-    width: 100%;
-}
-
-.container-fluid {
-    position: relative;
-    max-width: 100%;
-    min-width: 280px;
-}
-
-.container-fluid-index {
-    position: relative;
-    color: #fff;
-}
-
-.container-fluid-index a:active {
-    color: lightgray;
-}
-
-.container-fluid-index a:link {
-    color: lightgray;
-}
-
-.container-fluid-index a:hover {
-    color: #fff;
-}
-
-.container-fluid-index a:visited {
-    color: lightgray;
-}
-
-.roundavatar {
-    border-radius: 50%;
-    -moz-border-radius: 50%;
-    -webkit-border-radius: 50%;
-}
 
 .btn-outline {
     color: inherit;

app/templates/base.html

@@ -34,7 +34,7 @@
 
 {% block content %}
     {% block outside_container %}{% endblock %}
-    <div class="container">
+    <div class="custom-container">
         {% for message in get_flashed_messages() %}
               <div class="alert alert-warning">
             <button type="button" class="close" data-dismiss="alert">x</button>