.header-container{
  	height: auto;
  	width: 100%;
  	/*background: url("/assets/images/cardsidebar.jpg");
  	background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
    background: #00005c;
    padding: 10px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    /*box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/
    
  }
  
  .header-logo{
  	width: 15vh;
  	
  }
  
  .header-support{
  	color: #fff;
  }
  
  .header-text{
	font-size: 4vh;
	font-weight: 600;
	text-align: center;
	background-image: radial-gradient(circle farthest-corner at 22.4% 21.7%, #a1d203b5 0%, rgb(185 125 2) 100.2%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  	
  }
  
  .header-social-media-icon{
  	width: 20px;
  	height: 20px;
  	border-radius: 50%;
  	transition: all 1sec;
  }
  
  .header-social-media-icon:hover{
  	filter: drop-shadow(1px 1px 10px #000080)
  }
  
  .tcenter{
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  
  .tright{
  	display: flex;
  	justify-content: right;
  	align-items: right;
  }
  
  .tleft{
  	display: flex;
  	justify-content: left;
  	align-items: left;
  }
  
  .header-container .item-center{
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  
  .header-container .item-right{
  	
  	display: flex;
  	justify-content: right;
  	align-items: right;
  	
  	
  }
  
  .header-container .item-left{
  	display: flex;
  	justify-content: left;
  	align-items: left;
  	
  }
  
  .hmain{
  	display:flex;
  	gap: 2px;
  }
  .hitem{
  	flex:1;
  }
  .hinfo{
  	padding-top: 5%;
  }

	.hsocial{
		padding-top: 5%;
	}  
  @media (max-width: 991px) {
	   .header-container .item-center, .header-container .item-right, .header-container .item-left{
	  	display: flex;
	  	justify-content: center;
	  	align-items: center;
	  	
	  }
	  .hmain{
	  	flex-direction: column;
	  }
	  
	  .hinfo{
  	padding-top: 0%;
  	margin-bottom: 5px;
  }

	.hsocial{
		padding-top: 0%;
	}  
}