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


#header {
    background: transparent;
}






#header-logo img {
	vertical-align: bottom;
}





@media (min-width: 1px) and (max-width: 549px) {
	
		#header-logo {
			float: left;
			margin-left: .7em;
		}
		
		.logoWidthFull {
		width: 90px;
		transition: all 0.3s;
		padding-top: .4em;
		padding-bottom: .4em;
		}
		
		.logoWidthSmall {
		width: 90px;
		transition: all 0.3s;
		padding-top: .4em;
		padding-bottom: .4em;
		}
		
		#headerRight {
		
		margin: 0 auto;
		}
		
		.topHeaderEmail {
			display: none;
		}
		
		
		
		.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: .7em;
		margin-top: .8em;
		transition: all 0.4s;
		}
		
		.topHeaderContact a {
		font-size: .8em;
		font-weight: 600;
		color: #a71d31;
		
		padding: .3em .4em;
		background: transparent;
		border: 3px solid #a71d31;
		letter-spacing: 1px;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #a71d31;
		}

.topHeaderContactSmall {
		float: right;
		text-align: center;
		margin-right: .7em;
		margin-top: .8em;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: .8em;
		font-weight: 600;
		color: #a71d31;
		
		padding: .3em .4em;
		background: transparent;
		border: 3px solid #a71d31;
		letter-spacing: 1px;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #a71d31;
		border: 3px solid #a71d31;
		}
		
		#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   border-bottom: 1px solid #cccccc;
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
		
		
	
}

	


@media (min-width: 550px) and (max-width: 899px) {
	
		
	
		#header-logo {
		float: left;
		
		margin-left: .7em;
		
		}
		
		#headerRight {
		float: right;
		/*width: 44%;*/
		margin-top: .5em;
		margin-right: 1.2em;
		}
		
		
		
	.logoWidthFull {
		width: 180px;
		transition: all 0.3s;
		padding-top: .7em;
		padding-bottom: .7em;
	}

	.logoWidthSmall {
		width: 90px;
		transition: all 0.3s;
		padding-top: .3em;
		padding-bottom: .3em;
	}
	
	
	
	
	.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: .3em;
		margin-top: 2.1em;
		transition: all 0.4s;
		}
		
		.topHeaderContact a {
		font-size: 1em;
		font-weight: 600;
		color: #a71d31;
		width: 250px;
		padding: .4em .7em;
		background: transparent;
		border: 3px solid #a71d31;
		letter-spacing: 1px;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #a71d31;
		}

.topHeaderContactSmall {
		float: right;
		margin-top: .4em;
		margin-right: 0;
		margin-bottom: 0;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: .85em;
		font-weight: 600;
		color: #a71d31;
		width: 220px;
		padding: .35em .53em;
		background: transparent;
		border: 3px solid #a71d31;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #a71d31;
		border: 3px solid #a71d31;
		}
		
		#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   border-bottom: 1px solid #cccccc;
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
		
		
	
}
	

@media (min-width: 900px)  {
	
	#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   border-bottom: 1px solid #d8ddee;
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
	
	
	#rotating-banner {
		display:block;

	}

	#rotating-banner img {width:100%}
	
	#header-logo {
    float: left;
    
    /*width: 392px;*/
    
	}
	
	.logoWidthFull {
		width: 210px;
		padding-top: .8em;
		padding-bottom: 1em;
		transition: all 0.3s;
	}

	.logoWidthSmall {
		width: 110px;
		padding-top: .35em;
		padding-bottom: .35em;
		transition: all 0.3s;
	}	
	
	
	#headerRight {
	float: right;
	width: 300px;
	}
	
	.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: 1.2em;
		margin-top: 3.3em;
		transition: all 0.4s;
		}
		
		.topHeaderContact a {
		font-size: 1.2em;
		font-weight: 600;
		color: #a71d31;
		width: 250px;
		padding: .55em .8em;
		background: transparent;
		border: 3px solid #a71d31;
		letter-spacing: 1px;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #a71d31;
		}

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

}

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