#content > div {
    flex-grow : 1;
}

#registry-wrapper {
    display   : flex;
    flex-flow : row nowrap;
}

#registry-wrapper #registry {
    flex-grow : 1;
}

#registry-wrapper #registry-links {
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
}

#registry-wrapper #registry-links > a {
    display       : flex;
    flex-flow     : row nowrap;
    align-items   : center;
    font-size     : 1.5rem;
    width         : 40em;
    max-width     : 90%;
    margin        : .15em auto;
    box-shadow    : inset 0 0 1em #3758a1;
    padding       : 1em;
    border-radius : 1em;
}

#registry-wrapper #registry-links .registry-link-name {
    color          : #3758a1;
    text-transform : uppercase;
}

#registry-wrapper #registry-links .registry-link-desc {
    font-size : .8em;
    color     : #3e74a2;
}

#registry-wrapper #registry-links .fas {
    font-size  : 2.5em;
    flex       : 0 0 1.5em;
    text-align : center;
}

#registry-wrapper #registry-links a:hover .fas {
    animation : spin 6s linear infinite;
}

@keyframes spin {
    50% {
        transform : rotateY(180deg);
    }
}

#registry-wrapper #registry-panel {
    flex        : 0 0 19em;
    border-left : 2px solid #3758a1;
    padding     : 1em;
}

#registry-wrapper #registry-panel .registry-panel-links .button {
    height    : 3.5em;
    margin    : 1em 0;
    font-size : .9rem;
}

#registry-wrapper #registry-panel #registry-panel-links-2-title {
    cursor : pointer;
}

#registry-wrapper #registry-panel #registry-panel-links-2 {
    display : none;
}

#news-wrapper {
    margin-top : 1em;
}

#news-wrapper .news {
    display       : flex;
    flex-flow     : column nowrap;
    margin-bottom : 1em;
    line-height   : 1.2;
    border-bottom : 1px solid #3758a1;
}

#news-wrapper .news .news-title {
    font-size   : .9rem;
    font-weight : bold;
}

#news-wrapper .news .news-date-published {
    font-size  : .8rem;
    opacity    : .7;
    text-align : right;
    margin     : .3em 0;
}

#registry-wrapper #cabinets {
    font-size     : 1.2em;
    min-width     : 32em;
    width         : 40%;
    max-width     : 100% !important;
    box-sizing    : border-box;
    margin        : 2em auto 1em;
    padding       : 1em;
    border-radius : 0 1em;
    line-height   : 1.5;
    text-align    : left;
    font-weight   : bold;
    background    : linear-gradient(to bottom, goldenrod, gold, goldenrod);
}

#registry-wrapper #cabinets span.hl {
    font-size : 1.3em;
    color     : blue;
}

#registry-wrapper #cabinets .buttons-panel {
    justify-content : flex-end;
    text-transform  : uppercase;
}

@media only screen and (max-width : 55em) {
    #registry-wrapper {
        flex-flow : column nowrap;
    }

    #registry-wrapper #registry-panel {
        border-left : none;
    }

    #registry-wrapper #cabinets {
        font-size : 1em;
        min-width : 100%;
    }
}

@media only screen and (max-width : 40em) {
    #registry-wrapper #registry-panel #registry-panel-links-2-title {
        display : none;
    }
}