* {
    --bodycolor: #222;
    --bgcolor: #0D47A1;
    //--bgcolor: rgba(13, 71, 161, 0.5);
    --linecolor: #2979FF;
    --textcolor: #fff;
    --darktextcolor: #222;
    --boxcolor: rgba(0, 0, 0, 0.5);
    --boxplaceholder: rgba(255, 255, 255, 0.25);
    --copyright: rgba(255, 255, 255, 0.25);
    --buttoncolor: rgba(13, 71, 161, 0.75);
    --hovercolor: rgba(13, 71, 161, 0.5);
    --clickcolor: rgba(13, 71, 161, 1);
    --clickcolor50: rgba(13, 71, 161, 0.5);
    --modalbg: rgba(0, 0, 0, 0.6); //rgba(255, 255, 255, 0.875)
}

h1 small {
    font-size: 4rem;
}

header h2+p {
    margin-top: -4em;
}

#particles-js {
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#netsyms-logo img {
    padding: 25%;
    opacity: 0.5;
    object-fit: contain;
}

@media (max-width: 1152px) {
    #netsyms-logo {
        max-height: 20rem;
    }

    #netsyms-logo img {
        padding: 10%;
    }
}

.thin {
    font-weight: 300;
    letter-spacing: 0em;
}

.feature-icons li .subtext {
    font-size: 90%;
}