#artcityLogo {
		 position:relative;
		  background-color:inherit;
		  float:left;
		  margin-left:20px;
		  margin-right:20px;
		  width:176px;
		  height:35px;
		} 
		
		#artcityLogo a{background-color:inherit;
		}

		#artcityLogo-top , #artcityLogo-bottom {
		 position:absolute;
		  left:0;	
		  border:none;
		  background-color:inherit;
		  -webkit-transition: opacity 1s ease-in-out;
		  -moz-transition: opacity 1s ease-in-out;
		  -o-transition: opacity 1s ease-in-out;
		  transition: opacity 1s ease-in-out;
		}

		#artcityLogo-bottom:hover 
		{
		  opacity:0;
		}
		
		
		 @keyframes artcityLogoFadeInOut 
		{
			  0% {  opacity:0;}
			25% {opacity:0;	}
			55% {opacity:1;}
			100% {opacity:1;}
		}
		
		@-webkit-keyframes artcityLogoFadeInOut 
		{
			  0% {  opacity:0;}
			25% {opacity:0;	}
			55% {opacity:1;}
			100% {opacity:1;}
		}

		#artcityLogo-bottom
		{
			animation-name: artcityLogoFadeInOut;
			animation-duration: 3s;

			
			-webkit-animation-name: artcityLogoFadeInOut;
			-webkit-animation-duration: 3s;

			
		}
                
                
              
 @media (min-width:769px)             
 {
     #mobilLink
     {
         display:none;
     }
 }
              
@media (max-width:768px)
{
    #mobilLink
    {
        font-size:9px;
        color:#000;
    }
    #artcityLogo-top,#artcityLogo-bottom
    {
        display:none;
    }
    
    #artcityLogo
    {
        background-color:inherit !important;
        bottom:-10px !important;
    }
}