/* #1- Large desktop */
@media (min-width: 1200px) {
    /*body header {
		height: 125px;
    }*/

}

@media (min-width: 992px) {
    body>header {
		height: 116px;
		background-color: #576c87;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232d39', endColorstr='#3e4f63', GradientType=0);
		background: -ms-linear-gradient(top, #232d39, #36465d);
		background: -webkit-gradient(linear, left top, left bottom, from(#232d39), to(#3e4f63));
		background: -moz-linear-gradient(top, #232d39, #36465d);
    }
	body>header:not(.hasSiteNav), body>header:not(.keepOldSiteNav) {
		height: calc(116px + 110px);
	}
	.hasSiteNav {
		height: 170px;
    }
	
	.hasSiteNav:has(#masthead > .notice-bar:not(.pw-hidden)) {
		height: calc(170px + 110px);
	}

	.keepOldSiteNav {
		height: 116px;
    }
	
	.keepOldSiteNav:has(#masthead > .notice-bar:not(.pw-hidden)) {
		height: calc(116px + 110px);
	}

/*
    main header, main main header {
        height: 0;
		background-color: none;
		background: transparent;
		filter: none;
    }
*/
    main header {
        height: 0;
    }

    footer:last-child {
        height: 30px;
		background-color: #304054;
    }


/* #2- Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) { 
    body header {
		/*height: 141px;*/
		background-color: #576c87;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232d39', endColorstr='#3e4f63', GradientType=0);
		background: -ms-linear-gradient(top, #232d39, #36465d);
		background: -webkit-gradient(linear, left top, left bottom, from(#232d39), to(#3e4f63));
		background: -moz-linear-gradient(top, #232d39, #36465d);
    }

    main header, main main header {
        height: 0;
		background-color: none;
		background: transparent;
		filter: none;
    }

    footer:last-child {
        height: 37px;
		background-color: #304054;
    }
}

/* #3- Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    body header {
        height: 97px;
		/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#576c87', endColorstr='#344557'); */
		/* background: -ms-linear-gradient(top, #576c87, #344557); */
		/* background: -webkit-gradient(linear, left top, left bottom, from(#576c87), to(#344557)); */
		/* background: -moz-linear-gradient(top, #576c87, #344557); */
	}
	
	.hasSiteNav {
		height: 149px;
    }

    main header, main main header {
        height: 0;
		background-color: none;
		background: transparent;
		filter: none;
    }

    footer:last-child {
        /*height: 500px;*/
		background-color: #304054;
    }
}