/* Increase Menu Link Size */
/* This is a "heavy-duty" selector to force the change */
body #header .navbar-section ul.nav li a, 
body #header .navbar-section ul.nav li a span {
    font-size: 1.4rem !important; 
    font-weight: 600 !important;
}

.float-left { margin: 0 20px 20px 0; }
.float-right { margin: 0 0 20px 20px; }

/* Ensure headings always clear floated images */
h1, h2, h3, h4, h5, h6 {
        clear: both;
            padding-top: 1rem; /* Adds a little breathing room */
        }

/* This applies only to screens smaller than 840px (Tablets and Phones) */
@media (max-width: 840px) {
    .float-left, 
    .float-right {
        float: none !important;      /* Removes the side-by-side alignment */
        display: block !important;   /* Makes the image a block element */
        margin: 0 auto 1.5rem auto !important; /* Centers the image and adds space below */
        width: 100% !important;      /* Forces image to span full width if needed */
        max-width: 100%;             /* Ensures it doesn't overflow the screen */
    }
}
