/* logo text*/

.head-main {
*line-height: auto !important;}


.animate-charcter a:hover
{
	font-family: 'Share Tech Mono', monospace;
    font-weight: 700;
   text-transform: uppercase;
	line-height: 19px;
	font-size: 24px;
  background-image: linear-gradient(
   -129deg,
    #2c7fb8 0%,    
		 #2c7fb8 19%,    
		 #7fcdbb 52%,    
		 #edf8b1 100%
  );
	background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
/*	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, red), color-stop(100%, blue));
	background-image: -webkit-linear-gradient(45deg, red 0%, blue 100%);
	background-image: -moz-linear-gradient(45deg, red 0%, blue 100%);
	background-image: -o-linear-gradient(45deg, red 0%, blue 100%);
	background-image: -ms-linear-gradient(45deg, red 0%, blue 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block*/
}

.animate-charcter
{
	font-family: 'Share Tech Mono', monospace;
    font-weight: 700;
	padding: 7px 0px 7px 0px;
   text-transform: uppercase;
	line-height: 19px;
	font-size: 24px;
  background-image: linear-gradient(
   -129deg,
    #2c7fb8 0%,    
		 #2c7fb8 19%,    
		 #7fcdbb 52%,    
		 #edf8b1 100%
  );
		background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
/*background-image: -webkit-linear-gradient(45deg, red 0%, blue 100%);
	background-image: -moz-linear-gradient(45deg, red 0%, blue 100%);
	background-image: -o-linear-gradient(45deg, red 0%, blue 100%);
	background-image: -ms-linear-gradient(45deg, red 0%, blue 100%);
  background-size: auto auto;
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;*/

}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/* mobile text color */
@media screen and (max-width:991px) {
.animate-charcter a {
    color: white;
}
}

@media (max-width: 979px) {
  .animate-charcter > a {
    color: red !important;
  }
}