@media screen and (max-width: 335px) {

	 .wordmark-overwrites {
		 font-size: 1em !important;
	 }
	 .ua-logo {
		 width: 100%;
	 }

}

@media screen and (max-width: 500px) {


	 .ua-logo {
		 height: 55px !important;
		 line-height: 55px !important;
	 }
	 .header-main .ua-logo.navbar-brand {
		 margin-top: 18px;
	 }
}


@media screen and (max-width: 768px) {  
	
	 .header-main .ua-logo.navbar-brand {
		 margin-top: 18px;
	 }
}

@media (max-width: 1199px) {
.top-tools-container .container, .top-search-container .container {
    width: 1000px;
/*     font-size: 12px; */
}

nav.brandbar  li.slanted a {
	padding: 5px 19px;
}






@media screen and (min-width: 992px) and (max-width: 1199px) {
		
	.header-main .ua-logo {
		padding: 0px 10px !important;
	}
	
	.navbar-header .ua-logo {
		line-height: 90px;
		height: 90px;
	}
}


@media screen and (max-width: 991px) {
	
	.navbar-brand {
		margin-left: 0 !important;
		margin-top: 10px;
	}
	

	
	.header-main .ua-logo {
		padding: 0px 10px 0 0 !important;
		margin-top: 15px; 
		padding: 0px; 
		line-height:55px;
		height: 55px;
	}
	
	
	.navbar-header .ua-logo {
		position: inherit;
		left: inherit;
		line-height: 55px;
		height: 55px;
	}
	
}



/* fixes contrast issue with carousel overlay text area courtesty of Lisa Sandy */
#ua-carousel .caption .caption-inner {
   background: rgba(0,0,0,0.8)!important;
}



/* fixes carousel img so that it can be content */
.carousel-img {
	position: absolute;
	z-index: -1;
/* 	display: none; */
	width: 100%;
/* 	top: -101px; */
	
}

@media screen and (max-width: 767px) {
	.carousel-img {
		position: absolute;
		z-index: -1;
	/* 	display: none; */
		height: 100%;
		object-fit: cover;
	}
	

}