@media (min-width: 12in) {
    .migration > .cl-effect-12 .branch li {
        box-shadow: #aaaaaa 5px 5px 5px;
        -moz-box-shadow: #aaaaaa 5px 5px 5px;
        -webkit-box-shadow: #aaaaaa 5px 5px 5px;
    }
    /* Effect 12: circle */
    .cl-effect-12 a:not(.menu-picture-link)::before,
    .cl-effect-12 a:not(.menu-picture-link)::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.813em; /* 45/16 */
        height: 2.813em; /* 45/16 */
        border: 0.125em solid; /* 2/16 */
        border-color: rgba(0,0,0,0.1);
        border-radius: 50%;
        content: '';
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
        transform: translateX(-50%) translateY(-50%) scale(0.2);
    }

    .cl-effect-12 a:not(.menu-picture-link)::after {
        width: 2.188em; /* 35/16 */
        height: 2.188em; /* 35/16 */
        border-width: 0.375em; /* 6/16 */
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
        transform: translateX(-50%) translateY(-50%) scale(0.8);
    }

    .cl-effect-12 a:not(.menu-picture-link):hover::before,
    .cl-effect-12 a:not(.menu-picture-link):hover::after,
    .cl-effect-12 a:not(.menu-picture-link):focus::before,
    .cl-effect-12 a:not(.menu-picture-link):focus::after {
        opacity: 0.5;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}