@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');

/*Offset for anchor*/
:target:before {
content:"";
display:block;
height:200px; /* fixed header height*/
margin:-200px 0 0; /* negative fixed header height */
}

/* ------- Banner -------*/

.fl-page-header-wrap {
    background-image: url(https://www2.whoi.edu/site/mets-rcn/wp-content/uploads/sites/129/2021/08/OCB-METS-RCN-bannerBG.jpg);
    background-repeat-x: repeat;
    height:170px;
}

.fl-page-nav-wrap {
    background-image: url(https://www2.whoi.edu/site/mets-rcn/wp-content/uploads/sites/129/2021/08/OCB-METS-RCN-navBG.jpg);
    background-repeat-x: repeat;
    height: 49px;
}

.col-md-6.col-sm-6.fl-page-header-logo-col {
    width: 70%;
}

.fl-page-header-container.container {
    background-image: url(https://www2.whoi.edu/site/mets-rcn/wp-content/uploads/sites/129/2021/08/METS-RCNgears.png);
    background-position: right center;
    background-size: 250px;
    background-repeat: no-repeat;
}

.fl-logo-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 72px;
    line-height: 1.1;
    color: #041e42 !important;
}

a .fl-logo-text:hover {
  color:#ffffff !important;
}

.header-tagline {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #041e42 !important;
}

@media screen and (max-width: 768px){
  
.fl-page-header-container.container {
    background-image: none;
}
.col-md-6.col-sm-6.fl-page-header-logo-col {
    width: 100%;
}

}


@media screen and (max-width: 467px){
  
.header-tagline {
    font-size: 24px;
    line-height: 1.3;
}

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    background: #041e42;
}
}