<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">header #mobile-header #brand-details-and-nav-button{
		background-color: navy;
		color: #fff;
		padding: 16px;
		display: flex;
		flex: row nowrap;
		justify-content: space-between;
}
header #mobile-header #brand-details-and-nav-button #brand-details {
		display: flex;
		flex-flow: row nowrap;
		position: relative;
}
header #mobile-header #brand-details-and-nav-button #brand-details img {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin-right: 12px;
}
header #mobile-header #brand-details-and-nav-button #brand-details #brand-name{
		position: relative;
		top: 12px;
		font-family: georgia;
		font-weight: bolder;
		font-size: .9em;
}
header #mobile-header #brand-details-and-nav-button #menu-button{
		cursor: pointer;
		border: none;
		color: navy;
		padding: 0px 12px;
		border-radius: 8px;
		background-color: white;
}
header #mobile-header #mobile-nav-panel{
		width: 100%;
		padding: 36px 18px;
		background-color: rgba(0, 0, 88, .8);
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: -100vw;
		transition: all 1s;
		z-index: 50;
}
header #mobile-header #mobile-nav-panel #close-panel-button {
		font-weight: bolder;
		font-size: 1.5em;
		float: right;
		cursor: pointer;
		margin-right:30px;
		color: white;
		border: 0;
		background-color: transparent;
}
header #mobile-header #mobile-nav-panel &gt; div {

}
header #mobile-header #mobile-nav-panel .accordion, .other-mobile-header-links {
		width: 100%;
		color: #fff;
		padding: 8px 0px;
		cursor: pointer;
		text-transform: capitalize;
		display: block;
		margin-bottom: 4px;
		padding: 8px 12px;
		font-family: montserrat;
		font-size: 1.1em;
}
header #mobile-header #mobile-nav-panel .panel {
		width: 80%;
		margin:auto;
		max-height: 0;
		overflow: hidden;
		transition: all 1s;
}
header #mobile-header #mobile-nav-panel .panel a {
		display: block;
		margin: 8px 0px;
		font-style: normal;
		font-family: montserrat;
		padding: 8px;
		width: 90%;
		color: #fff;
		font-size: .9em;
}

header #desktop-header{
		width: 100%;
		display: none;
}
header #desktop-header &gt; div {
		background-color: navy;
		width: 100%;
		height: 100px;
		display: flex;
		flex: row nowrap;
		color: white;
		justify-content: space-between;
		position: relative;
}
header #desktop-header &gt; div #brand-identity{
		display: flex;
		flex: row nowrap;
		position: relative;
		position: relative;
		top: 24px;
		margin-left: 48px;
}

header #desktop-header &gt; div #brand-identity #brand-image img {
		width: 50px;
		height: 50px;
		border-radius: 50%;
}
header #desktop-header &gt; div #brand-identity #brand-name{
		position: relative;
		top: 16px;
		margin-left: 22px;
		font-family: georgia;
		font-weight: bolder;
}
header #desktop-header &gt; div #desktop-navs-container{
		position: relative;
		top: 24px;
		margin-right: 48px;
}
header #desktop-header &gt; div #desktop-navs-container a {
		
}
header #desktop-header &gt; div #desktop-navs-container button {
		background-color: transparent;
		color: white;
		border: none;
}
#desktop-navs-container .navs, #desktop-navs-container .dropbtn{
		display: inline-block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		cursor: pointer;
		font-family: montserrat;
		font-size: .85em;
}
.dropdown{
		display: inline-block;
}
.dropdown-content{
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;
}
.dropdown-content a {
		color: navy;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
		font-size: .85em;
}
.dropdown-content a:hover{
		background-color: navy;
		color: white;
		border: 1px solid #fff;
}
.dropdown:hover .dropdown-content{
		display: block;
}

@media only screen and (min-width: 1000px){
		header #mobile-header{
				display: none;
		}
		header #desktop-header{
				display: block;
		}
}</pre></body></html>