/*header*/
.header-nav {
border-bottom: 6px solid #e51937;
}
.header-nav .navbar-toggle {
background-color: #003a63;
margin-top: 24px;
}
.header-nav .navbar-toggle .icon-bar{
background-color: #fff;
}
.navbar-brand {
height: auto;
}
.navbar-brand img {
max-height: 60px;
}
.header-nav .navbar {
border-radius: 0;
margin-bottom: 0;
}
.header-nav .navbar-default {
background-color: #fff;
border-color: #fff;
margin-bottom: 0;
}
.header-nav .navbar-nav>li>a {
color: #003a63;
font-size: 20px;
line-height: 64px;
}
.header-branding {
background-image: linear-gradient(to right, rgba(0, 58, 99, 0.3), rgba(0, 58, 99, 0.1)),
url(https://libapps.s3.amazonaws.com/customers/4524/images/HLL.jpeg);
background-size: cover;
background-position: center;
}

@media (max-width: 991px){
.header-branding{ 
height: 200px;
}
}
@media (min-width: 992px){
.header-branding{ 
height: 300px;
}
}
.header-branding a {
color: #fff;
font-weight: bold;
font-size: 40px;
}
.header-libname {
padding: 10% 0;
}

@media (max-width: 767px){
font-size: 30px;
}
@media (min-width: 768px){
.header-libname h1 {
display: grid;
grid-template-columns: 10px max-content 100px;
grid-template-rows: 27px 0;
grid-gap: 5px;
align-items: center;
}
.header-libname h1:before, .header-libname h1:after {
content: " "; 
display: block;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
height: 5px;
}
}