body {
    margin-top: 58px;
}

#docsSearch {
    margin-top: -58px;
    background-image: url(https://images.squarespace-cdn.com/content/v1/54880c8be4b09b8cc938ae19/1420449740475-A4FY3VU8G3113P5QAF18/ke17ZwdGBToddI8pDm48kCtOTpp0yXGq0y6wy_8QpVR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UYMeLHxH85mIihCU7z7EmhNvo2Jc6HmQpMah-QUHlVikleV4D0-yg4e6NP1QyQDzRw/is-web02.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center calc(50% + 90px);
    min-height: 20rem;
    color: white;
    padding-top: 5rem;
}

@media screen and (max-width: 900px) {
#docsSearch {
    background-position: center;
  }
}

#docsSearch button {

    background-color: rgba(20,20,20,0.8);
    border-color: rgb(30,30,30);

}

#docsSearch input {
    border-color: rgb(100,100,100);
}
#docSearch input:focus {
   box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

#docsSearch button:hover {

    background-color: rgba(10,10,10,0.8);
    border-color: rgb(100,100,100);
}

#mainNav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

#mainNav .navbar-inner {
    background: rgba(20,20,20,0.8);
}