diff --git a/images/main-bg.jpg b/images/main-bg.jpg
new file mode 100644
index 0000000..e56aeb5
Binary files /dev/null and b/images/main-bg.jpg differ
diff --git a/index.html b/index.html
index 29d639a..916712a 100644
--- a/index.html
+++ b/index.html
@@ -8,9 +8,9 @@
     <link rel="stylesheet" type="text/css" href="main.css">
   </head>
   <body>
-    <div class="container-fluid">
+    <div class="container main-bg">
       <div class="row">
-        <div class="col-xs-12 main-bg">
+        <div class="col-xs-8 search-col">
           <div id="search-cont">
                 <div class="input-group stylish-input-group">
                     <input type="text" class="form-control"  placeholder="Search" >
diff --git a/main.css b/main.css
index 295ab02..4cbf94a 100644
--- a/main.css
+++ b/main.css
@@ -1,4 +1,28 @@
-.center {
+html {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+div.main-bg {
+  background-image: url("images/main-bg.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  /*border: 2px solid red;*/
+}
+
+.search-col {
   margin: 0;
     position: absolute;
     top: 50%;
@@ -6,12 +30,7 @@
     margin-right: -50%;
     transform: translate(-50%, -50%);
 }
-div.main-bg {
-  height: 100%;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-}
+
 .stylish-input-group .input-group-addon{
     background: white !important;
 }
@@ -24,8 +43,3 @@ div.main-bg {
     border:0;
     background:transparent;
 }
-
-#search-cont {
-  height:200px;
-  width:600px;
-}
