/*
=Jumplinks
============================================= */
aside {
    margin: 160px auto;
    display: flex; /* use auto margins on the left + right to center the inside wrapper within the header element */
    /* top: 0; right: 0; */
    position: absolute;
    width: 50px;
    left: 0;
    background-color: yellow;
    flex-direction: column;
    border-radius: 0px 20px 20px 0px;
    overflow-x: hidden;
    transition: 0.5s ease-in-out;
}

aside a img {
    width: 100%;
}

aside:hover {
    width: 80px;
}

aside a:hover img {
    width: 115%;
}

/* MEDIA QUERIES */
/* small */
@media ( max-width: 576px ) {
    aside { width: 44px; }
    aside:hover { width: 74px; }
}
/* medium */
@media ( min-width: 768px ) {
    aside { width: 46px; }
    aside:hover { width: 76px; }
}
/* large */
@media ( min-width: 992px ) {
    aside { width: 48px; }
    aside:hover { width: 78px; }
}

/* x-large */
@media ( min-width: 1200px ) {
    aside { width: 50px; }
    aside:hover { width: 80px; }
}
/* xx-large */
@media ( min-width: 1400px ) {
    aside { width: 50px; }
    aside:hover { width: 80px; }
}