/* CATEGORIES */
#cat {
    width: 1000px;
    max-width: 84%;
    margin: 0 auto 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
    #cat p {
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 2px;
        font-family: 'Futura LT Bold', sans-serif;
        text-transform: uppercase;
        margin: 0 15px;
    }
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* DETAILS */
#main {
    position: relative;
}
#main::before {
    content: '';
    position: absolute;
    top: 90px;
    left: 60%;
    z-index: -1;
    width: 320px;
    height: 320px;
    background-image: url("../Svg/q.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .1;
}
    #main .frame-default.frame-type-text:first-of-type > div {
        width: 1000px;
        text-align: center;
    }
    #main .frame-default.frame-type-text:not(:first-of-type) > div,
    #main .frame-default.frame-type-netwerk_facts > div {
        width: 750px;
        max-width: 84%;
        margin: 0 auto;
    }
    #main .frame-default:not(:first-of-type) header {
        text-align: left;
    }
    #main .share {
        display: flex;
        justify-content: flex-end;
    }
        #main .share p {
            text-align: right;
        }
            #main .share a,
            #main .share a:link,
            #main .share a:hover,
            #main .share a:active,
            #main .share a:visited,
            #main .share a:focus {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                text-decoration: none;
                background-color: #003761;
                width: 110px;
                color: #fff;
                font-size: 12px;
                letter-spacing: 2px;
                font-family: 'Futura LT Bold', sans-serif;
                text-transform: uppercase;
                padding: 0 15px;
                border-radius: 10px;
            }
                #main .share svg {
                    width: 20px;
                    height: 20px;
                    fill: #fff;
                    flex-shrink: 0;
                }
                #main .share span {
                    margin-left: 10px;
                }
/* ####### */
/* RESPONSIVE */
@media (max-width: 1000px) {
    #main::before {
        top: 60px;
        right: 10%;
        left: auto;
    }    
}
@media (max-width: 600px) {
    #main::before {
        width: 240px;
        height: 240px;
    }    
}
@media (max-width: 420px) {
    #main::before {
        top: 120px;
        width: 200px;
        height: 200px;
    }    
}
/* ########## */