body {
  border-top: 5px solid #023f75;
  padding: 1rem 0;
}

#search{
  position: relative;
  float: right;
  width: 115px;
  margin-left: 1rem;
}

main{
  top: 75px;
}

#valve-data{
  position: relative;
  margin: 1rem;
}

.searchbox{
  min-width: 160px;
  vertical-align: middle;
  height: 1rem
}

.right-align{
  position: relative;
  float:right;
  margin-right: 0.5rem
}

.logo {
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
  border-width: 0px; 
  border-style: solid;
  display: flex;
  position: relative;
  width: 100%;
  top: 10%;
}

.PDF-Image-Link{
  width: auto;
  height: 25px
}

.custom-header {
  height: 32vh;
  max-height: 40vh;
  position: relative;
  top: 70px;
  padding-top: 2rem;
  overflow: hidden
}

.custom-header .background-image:before {
  content: " ";
  width: 100%;
  height: 75%;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url('https://www.upstreamps.com/theme/upstreamcom/theme/upstreamcom/img/header-shape-overlay.svg');
  background-size: cover;
  background-position: bottom;
  overflow: hidden;
  opacity: .8;
}

.custom-header .background-image>img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  max-height: 45vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
}

header{
  position: absolute;
  width: 100%;
  overflow: hidden
}

.container h1 {
  color: white;
  font-weight: 900;
  position: absolute;
  left: 1rem;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  bottom: 2rem;
  float: left;
}

@media (max-width: 991px){
  .custom-header .container h1 {
      font-size: 28px;
  }
}

main {
  padding: 3rem 0;
  overflow-x: hidden;
  min-height: 300px;
  position: absolute;
  top: 375px;
  width: 95%;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #023f75;
  padding: 1rem 0;
}

#search{
  font-size: smaller;
}

.no-border {
  border: 0;
  box-shadow: none !important; 
  background-color: #fff;
  outline: none !important;
}

.brand-main{
  color: #023f75
}

.brand-highlight{
  color: #68a13d
}

#loading{
  height: auto;
  width: 25%;
}