/* #1- Portrait tablet to landscape and desktop */
@media (min-width: 768px) { 
    body header {
		height: 70px;
		background-color: #304054;
    }
	body header:not(.hasSiteNav), body>header:not(.keepOldSiteNav) {
		height: calc(70px + 110px);
	}

	.hasSlimSiteNav {
		height: 124px;
	}
	
	.keepOldSiteNav {
		height: 70px;
    }

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

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

/* #2- Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    body header {
        height: 70px;
		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);
    }
	
	.hasSlimSiteNav {
		height: 124px;
    }

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

    footer:last-child {
        height: 500px;
		background-color: #304054;
		margin-top: 20px;
    }
}