#artcityLogo {
                    position:fixed;
		  background-color:inherit;
		  left:0px;
		  bottom:0px;
		  width:176px;
		  height:35px;
                      text-align: right;
		} 
		
		#artcityLogo a
                {
                    background-color:inherit;
                    text-decoration: none;
		}

		#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:20px !important;
        text-align:left;
        padding-left:5px;
        /*position: relative;*/
    }
}