/* lg Breakpoint */ @media (min-width: 992px) { body { /*padding-left: 17rem;*/ padding-left: 25%; } #main-nav { min-height: 8rem; } #side-nav { text-align: center; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; width: 25%; height: 100vh; padding: 0; background-color: var(--main-accent-color); } #side-nav .navbar-brand { display: flex; margin: auto auto 0; /*padding: 0.5rem;*/ } #side-nav .navbar-brand .img-profile { max-width: 10rem; max-height: 10rem; /*border: 0.5rem solid rgba(255, 255, 255, 0.2);*/ } #side-nav .navbar-collapse { display: flex; align-items: flex-start; flex-grow: 0; width: 100%; margin-bottom: auto; } #side-nav .navbar-collapse .navbar-nav { flex-direction: column; width: 100%; } #side-nav .navbar-collapse .navbar-nav .nav-item { display: block; } #side-nav .navbar-collapse .navbar-nav .nav-item .nav-link { display: block; } /*section.resume-section { max-width: 75rem; }*/ /* Possibly a different breakpoint on this one */ main { margin-top: -8rem; } }