#header>.logo{
    position: absolute;
    top:var(--h_header);
    left: calc(2*var(--h_header));
    height: calc(5*var(--h_header));
    width: calc(7*var(--h_header));
    background-image: url(../../../../skin/logo.png);
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center center;
    background-color: white;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

    border: 1px solid #ccc;

    transition-property: border-color;
    transition-duration: 0.8s;
    transition-timing-function:ease-in-out;
    transition-delay: 0s;
}
#header>.logo:hover{
    border-color: black;
}


@media (max-width: 490px) {
    #header>.logo{
        top:15px;
        left: 30px;
        height: 75px;
        width: 75px;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}