#background_holder{
    
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url("../../images/bg/4.jpg");
    //background: linear-gradient(180deg, grey, black);
    background-size: cover;
    background-position: center center;
    filter: blur(5px);
    //animation: gradient 3s ease-in-out infinite;

   
}



@keyframes gradient {

	0%{ background-position: 50% 0%; }
	50%{ background-position: 50% 50%; }
	100%{ background-position: 50% 0%; }
}



#noise {
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200vh;
  background: transparent url("../../images/noise.png") repeat 0 0;
  background-repeat: repeat;
  animation: bg-noise .2s infinite;
  opacity: .9;
  visibility: visible;
}

@keyframes bg-noise {
    0% { transform: translate(0,0) }
    10% { transform: translate(-5%,-5%) }
    20% { transform: translate(-10%,5%) }
    30% { transform: translate(5%,-10%) }
    40% { transform: translate(-5%,15%) }
    50% { transform: translate(-10%,5%) }
    60% { transform: translate(15%,0) }
    70% { transform: translate(0,10%) }
    80% { transform: translate(-15%,0) }
    90% { transform: translate(10%,5%) }
    100% { transform: translate(5%,0) }
}

#nameStroke{
    
    width: 100%;
    height: 150;

    font-size: 158px;
    font-weight: 900;
    letter-spacing: 4px;
    fill: none;
    stroke: white;
    stroke-width: 2;
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
    animation: textStrokeAnim 30000ms linear infinite;
}
#backName{

    //stroke: grey !important;
    stroke-width: 1.5 !important;
    stroke-dasharray: none !important;
    stroke-dashoffset: none !important;
    animation: none !important;
}

#mobileName{
    
    font-size: 43px;
    font-weight: 900;
    letter-spacing: 4px;

	display: none !important;
}

#svg_mobile_name{

    width: 82%;
    font-weight: 900;
    font-size: 7px;
    letter-spacing: 0.6px;
    color: white;
    fill: white;

    display: none !important;
}
@keyframes textStrokeAnim {
    0% {
        stroke-dasharray: 25%;
        stroke-dashoffset: 200%;
        fill: none;
    }
    100% {
        stroke-dasharray: 25%;
        stroke-dashoffset: 0%;
        fill: none;
    }
    }


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

	#nameStroke{
    
    width: 100%;
    height: 125;

    font-size: 117px;
    
}

@media screen and (min-width: 850px) {
   
   .navbar {
   display: none !important;
   }
}
@media screen and (max-width: 850px) {

	#nameStroke{
   
    display: none;
    
    }

    #svg_mobile_name{

    display: inline-block !important;
    }

    #background_holder {
        background-color: rgba(40, 40, 40, 1);
        background: none;
    }
    
    .navbar {

    }
}