header .logo img {
    position: absolute;
    top: 0;
    /*height: 316px;*/
    height: 109px;
    width: auto;
    max-width: none;
    max-height: none;
    z-index: 100;
    transition: all 0.5s;
}


/*media*/
@media (min-width: 576px) {
    header .logo img {
        height: 139px;
    }
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
   header .logo img {
    height: 209px;
   } 
   header .logo img.small {
        height: 156px;
        top: 80px;
    } 
    header ul.menu {
        margin-left: 170px;
    }
}
@media (min-width: 1200px) {
    
}
@media (min-width: 1400px) {
    header .logo img {
        height: 316px;
    }
    header ul.menu {
        margin-left: 220px;
    }
}