@media screen and (min-width: 1476px) {
/* remove hamburger menu on tablets & larger */
 
    /* remove 'absolute' positioning */
    .Header-controls,
    .Header-headerMenuLinks
    { position: static; }
 
    /* move navigation to left side of screen */
    .Header-hamburgerHolder
    { float: left; }
 
    /* overwrites 60% width set by ContentDM css */
    .Header-controls
    { width: 100%; }
 
    /* hide hamburger icon */
    .Header-hamburgerHolder .btn-group button
    { display: none; }
 
    /* change nav display to flex */
    /* adjust background color as needed */
    .Header-headerMenuLinks
    { display: flex; flex-wrap: nowrap; background-color: #06274F; border: none; box-shadow: none; }
 
    .Header-headerMenuLinks a
    { background-color: #06274F!important; }
 
    .Header-headerMenuLinks li a:hover
    { border-radius: 4px; color: #fcfcfc!important; background-color: #06274F!important; }
 
    .Header-headerMenuLinks h3
    { margin: 5px; color: #fcfcfc; }
		
} /* end media query */

@media screen and (max-width: 1276px) {
    /*To have the logo shrink suddenly at 767 px - trying to avoid hamburger over logo*/
	.Header-logoImage 
	{ max-height: 75px!important; padding-top: 5px; margin-left: 0 !important; margin-top: 0 !important; }
	
}

@media screen and (max-width: 700px) {
    /*To have the logo shrink suddenly at 575 px - trying to avoid hamburger over logo*/
	.Header-logoImage 
	{ max-height: 60px!important; padding-top: 5px; margin-left: 0 !important; margin-top: 0 !important; }
	
}

@media screen and (max-width: 575px) {
    /*To have the logo shrink suddenly at 575 px - trying to avoid hamburger over logo*/
	.Header-logoImage 
	{ max-height: 38px!important; padding-top: 5px; margin-left: 0 !important; margin-top: 0 !important; }
	
}