/*ba61 layout header and footer css file*/

#baBody.aspirational{
	background:#FFFFFF;
}
.globalHead, body {
	background:#fff;
}
#bodyWrapper > #baHeader {
    box-shadow: 0 18px 10px -9px rgba(239, 239, 239, 1);
    position: relative;
    z-index: 8;
}

.balogo, .logoBar .oneworldLogo {
    display: none;
}
 
.globalHead section{
    text-align: center;
    margin: 0 auto;
    max-width: 120rem;
	min-height: 10rem;
    padding: 0.1rem 2rem;
	display:block;
}
.logoBar .speedmarguePositiveLogo {
	display:block;
	margin:3rem auto 0 auto;
}
.footerImages{
	padding-top:0;
	margin-bottom:2rem;
	margin-top:1rem;
}

.footerImages .speedmarque {
    height: 2rem;
    margin-bottom: 1rem;
    max-width: 8rem;
}

.footerImages .footerImage:first-child {
    margin-right: 3.2rem;
}

/** CSS For Header **/
.logoBar  .speedmarguePositiveLogo{
	width: 8rem;
	margin-top: 2.6rem;
}

.appName h1 {
	margin: 2rem 0;
}


@media only screen and (min-width: 641px) {
	
	.globalHead section {
		min-height: 13rem;
	}
	
    .appName {
        margin-left: auto;
		text-align:right;
    }
	.appName h1 {
		margin: 3rem 0;
		line-height: 6.7rem;
		font-size:3rem;
	}
    .balogo, .logoBar .oneworldLogo {
        display: block;
    }
    .logoBar .speedmarguePositiveLogo, .footerImage .oneworldLogoImage {
        display: none;
    }
    .logoBar .balogo {
        float: left;
		margin-top:4rem;
    }
	.footerImages .footerImage:first-child {
		margin-right: 0;
	}	
	.balogo:focus, a:focus {
		outline: thin dotted;
	}
	.oneworldLogo {
		margin-left: 3rem;
		float: left;
		margin-top:3.3rem;
	}
	.footerImages {
		margin-bottom:4rem;
		padding-top: 0.5rem;
	}
	.footerImages .footerImage{
		display:block;
	}
}
@media only screen and (min-width: 800px) {
	.appName h1 {
		font-size:3.8rem;
	}
	
}
@media only screen and (min-width: 1025px) {
    
	.appName h1 {
		font-size: 3.8rem;
		margin: 3rem 0 1.6rem;
	}
	
	.balogo:focus, a:focus {
		outline: thin dotted;
	}
    .footerImage .oneworldLogoImage {
        display: none;
    }
}

@media only screen and (min-width: 1201px) {
	 body,
	.globalHead section {
		background:#ffffff;
	}
}

@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
	/* IE10+ CSS styles go here */
body.print-itinerary-page,html.print-itinerary-page {
		font-size:64% !important;
	}
	h3{ 
		/* display:none !important; */
	}

}