.logo-header
{
    background-image: url("../../images/layout/100peroni/logo-header-small.png");
    display: block;
    margin: 0px; 
    width: 100%;
    height: 75px;
}


.client-logo-login-container 
{
    background: #f7a600 url(../../images/layout/login-logo-bg.png) no-repeat -200px top;
}

.login-logo 
{
	/*
    display: inline-block;
    margin: 15px 20px;
    background: url(../../images/layout/100peroni/logo-login.png) no-repeat left top;
    height: 66px;*/
    width: 150px;
    background-image: url(../../images/layout/100peroni/logo-login.png);
    background-size: 150px auto;
}

#trigger-menu-mobile,
#trigger-header-mobile
{
    top: 29px;
}

.header-mobile
{
    padding-top: 24px;
}

#header-navigator-mobile
{
    padding-bottom: 24px;
}


.archive-title
{
	background-color: #CC0516;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1.5%;
}



@media (min-width: 1024px)
{
    .logo-header 
    {
        width: 218px;
        margin: 0px 0px 0px 0px;
        display: inline-block;
        float: left;
        background-image: url("../../images/layout/100peroni/logo-header.png");
		height: 96px;  
    }
    
    .client-logo-login-container
    {
		background-size: cover;
    }
    
    
    .client-logo-login-container
    { 
        background: #f7a600 url(../../images/layout/login-logo-bg.png) no-repeat -220px top;
    }
    
    .archive-title
	{
		padding: 0px;
	}

    
    /*
    .logo-header
	{
		display: block;
		margin: 5% 0 5% 0;    
		width: 100%;
		height: 96px;
	}*/
}