.keramika-seviano-symbol {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    display:inline-block;
    margin-left:8px;
}

body #header .site-name a img {
    max-height:55px;
}

body #header .site-name a.keramika-seviano-symbol img {
    max-height:65px;
}

body #header .site-name a {
    vertical-align: middle;
}

.keramika-seviano-symbol.loaded {
    -webkit-animation: zoomIn 0.5s ease-out;
    -moz-animation: zoomIn 0.5s ease-out;
    -ms-animation: zoomIn 0.5s ease-out;
    -o-animation: zoomIn 0.5s ease-out;
    animation: zoomIn 0.5s ease-out;
}

@media (min-width: 768px) and (max-width:991px) {
    .header-top>div:first-child {
        flex: 0 1 40%;
    }

    body #header .site-name a img {
        max-height:48px;
        width:auto;
    }

    .header-top>div:last-child {
        flex: 0 1 26.66666667%;
    }
}

@media (max-width:320px) {
    body #header .site-name a img {
        max-height: 42px;
        width: auto;
    }
}

@keyframes zoomIn {
    from {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}