/*landing class with navbar and background img*/

.landing{
  background-image: url("../assets/backgrounds/Left_Right_Brain.jpg");
  background-size: 100% 100%;
  padding-bottom: 600px;
  margin-left: -9%;
  margin-right: -9%;
}

/*navbar start*/
#nav-bar{
  width: 80%;
  margin-left: 10%;
}


.col-xs-12{
  box-sizing: border-box;
  border: solid #d9d9d9 1px;
  padding: 0px;
  background-color: white;
}

.glyphicon{
  float: left;
  color: #4d4d4d;
  background-color: #d9d9d9;
  text-align: center;
  height: auto;
  width: 49px;
  padding: 10px;
  font-size: 20px;
}


.search-form .form-group {
  float: right;
  transition: all 0.35s, border-radius 0s;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.search-form .form-group input.form-control {
  padding-right: 30px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 50%;
  border-radius: 25px 25px 25px 25px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  background-color: transparent;
  top: -6px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 16px;
}
/*navbar end*/

Add styling for landing class 1. Add styling for navbar 2. Add styling for background image
Add styling for landing class
1. Add styling for navbar
2. Add styling for background image
