/*********************** HEADER AREA **********************/


#header {
    background: transparent;
}


@media (min-width: 1px) and (max-width: 549px) {
	

}


@media (min-width: 1px) and (max-width: 899px) {
	#fixedContainer {
		position: fixed;
		width: 100%;
		max-width: 100%;
		z-index: 1000;
		top: 0;
		background: #ffffff;
		border-bottom: 1px solid #ccc;
	}

	.fixedHeaderWrap {
		margin:0 auto;
	}
}


@media (min-width: 1px) and (max-width: 899px) {

		#header-logo {
			float: left;
			margin-left: .5rem;
			width: 260px;
			height: 100px;
		}

		#headerRight {
			height: 100px;
			margin-right: .5rem;
			float: right;
			flex: 1;
			position: relative;
			right: unset;
			display: block;
		}

}
	

@media (min-width: 900px)  {
	
	#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
		top: 0;
		background: transparent;
		box-shadow: 0 0 7px #828282;
	}

    .fixedHeaderWrap {
        margin:0 auto;
    }

	#rotating-banner {
		display:block;

	}

	#rotating-banner img {width:100%}


.topHeaderContactSmall {
		float: right;
		margin-top: 1em;
		margin-right: 0;
		margin-bottom: .9em;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: .95em;
		font-weight: 700;
		color: #0f75bc;
		width: 250px;
		padding: .45em .73em;
		background: transparent;
		border: 3px solid #0f75bc;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #0f75bc;
		border: 3px solid #0f75bc;
		}
	
	
	

}

@media (min-width: 900px) and (max-width: 1290px) {
	
		#header-logo {
			margin-left: 1em;
		}
		
		#headerRight { 
		margin-right: 1em;
		}
		
		
	
}

@media only screen and (max-width: 360px) {
	#header-logo {
		width: 230px;
	}
}