body {
    color: rgb(62, 63, 58)
}

.display-1 {
    font-size: 2.5em;
}

.display-4 {
    font-size: 2rem;
}

.lead {
    font-size: 0.9rem;
}

img.social-networking {
    max-width: 40px;
    margin-bottom: 1rem;
}

.img-boundary {
    max-width: 200px;
}

.img-boundary-small {
    max-width: 100px;
}

aside.social-networking {
    margin-bottom: 3rem;
}

div#navbarNav a {
    padding-left: 2rem;
    padding-right: 2rem;
}

div#navbarNav a.active {
    background: white; /* For browsers that do not support gradients */
    background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
}

div#navbarNav a:hover {
    background: black; /* For browsers that do not support gradients */
    background: linear-gradient(rgba(192, 192, 192, 0.25), rgba(192, 192, 192, 0));
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: rgb(62, 63, 58)
}

@media(min-width: 768px) {
    .display-1 {
        font-size: 6em;
    }

    .display-4 {
        font-size: 3.5rem;
    }

    .lead {
        font-size: 1.25rem;
    }

    div#separated-sidebar {
        margin-top: 1rem;
        padding-right: 3rem;
        margin-right: 3rem;
        border-right: solid silver thin;
    }
}

.app-logo {
    animation: App-logo-spin infinite 4s linear;
    height: 200px;
}

.tiny-logo {
    height: 50px;
}

@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}