#header-actual {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--clr-blue);
    gap: 20px;
    padding: 20px 2%;
    justify-content: center;
}

#header-actual #logo {
    width: 125px;
    flex-shrink: 0;
}

header.cover #header-actual #logo {
    width: 180px;
    aspect-ratio: 1/1;
}

#header-actual #logo img {
    width: 100%;
    height: auto;
}


#header-actual #logo img.logo_vertical {
    display: none;
}


header.cover #header-actual {
    background-color: transparent;
}



header.cover #header-actual #logo img.logo_horizontal {
    display: none;
}

header.cover #header-actual #logo img.logo_vertical {
    display: block;
}


@media (min-width:700px) {


    #header-actual #logo {
        width: 160px;
        flex-shrink: 0;
    }

    header.cover #header-actual {
        align-items: flex-start;
    }

    header.cover #header-actual #logo {
        width: 200px;
    }
}