body { font-family: 'Open Sans', serif; padding-top: 54px; color: #868e96; min-width:1080px; } @media (min-width: 992px) { body { padding-top: 0; padding-left: 17rem; } } h1, h2, h3, h4, h5, h6 { font-family: 'Saira Extra Condensed', serif; font-weight: 700; color: #343a40; } h1 { font-size: 6rem; line-height: 5.5rem; } h2 { font-size: 3.5rem; } .subheading { text-transform: uppercase; font-weight: 500; font-family: 'Saira Extra Condensed', serif; font-size: 1.35rem; } .list-social-icons a { color: #495057; } .list-social-icons a:hover { color: #3498db; } .list-social-icons a .fa-lg { font-size: 1.75rem; } .list-icons { font-size: 3rem; } .list-icons .list-inline-item i:hover { color: #3498db; } #sideNav .navbar-nav .nav-item .nav-link { font-weight: 600; text-transform: uppercase; } @media (min-width: 992px) { #sideNav { text-align: center; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; width: 17rem; height: 100vh; } #sideNav .navbar-brand { display: flex; margin: auto auto 0; padding: 0.5rem; } #sideNav .navbar-brand .img-profile { max-width: 10rem; max-height: 10rem; border: 0.5rem solid rgba(255, 255, 255, 0.2); } #sideNav .navbar-collapse { display: flex; align-items: flex-start; flex-grow: 0; width: 100%; margin-bottom: auto; } #sideNav .navbar-collapse .navbar-nav { flex-direction: column; width: 100%; } #sideNav .navbar-collapse .navbar-nav .nav-item { display: block; } #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link { display: block; } } section.resume-section { border-bottom: 1px solid #dee2e6; padding-top: 5rem !important; padding-bottom: 5rem !important; } section.resume-section .resume-item .resume-date { min-width: none; } /* @media (min-width: 768px) { section.resume-section { min-height: 100vh; } section.resume-section .resume-item .resume-date { min-width: 18rem; } } @media (min-width: 992px) { section.resume-section { padding-top: 3rem !important; padding-bottom: 3rem !important; } } */ .bg-primary { background-color: #3498db !important; } .text-primary { color: #3498db !important; } a { color: #3498db; } a:hover, a:focus, a:active { color: #2364dd; } #projects{padding: 15px;border-bottom:1px solid #dcd9d9;text-align:center} #projects h2{color:#374054;margin-bottom:50px} .project{position:relative;overflow:hidden;background:#fff;border-radius:4px} .project-image{float:left;} .project-info{position:relative;margin-left:250px;padding:5px;text-align:left;} .project-info h3{font-family: 'Open Sans', serif;font-size:1.2em;font-weight:600;color:#374054;margin:0 0 15px 0;} .project-info p{color:#74808a;margin:0 0 8px 0;font-size:0.8m;}.no-image .project-info{position:relative;margin:0;padding:30px 15px;transform:none} .project-info a{font-size:1.0em}