/* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('../fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 100; src: url('../fonts/saira-extra-condensed-v11-latin-100.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-100.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 200; src: url('../fonts/saira-extra-condensed-v11-latin-200.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-200.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/saira-extra-condensed-v11-latin-300.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-300.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/saira-extra-condensed-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-regular.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 500; src: url('../fonts/saira-extra-condensed-v11-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-500.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 600; src: url('../fonts/saira-extra-condensed-v11-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-600.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/saira-extra-condensed-v11-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-700.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 800; src: url('../fonts/saira-extra-condensed-v11-latin-800.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-800.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } /* saira-extra-condensed-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Saira Extra Condensed'; font-style: normal; font-weight: 900; src: url('../fonts/saira-extra-condensed-v11-latin-900.eot'); /* IE9 Compat Modes */ src: url('../fonts/saira-extra-condensed-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/saira-extra-condensed-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/saira-extra-condensed-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/saira-extra-condensed-v11-latin-900.svg#SairaExtraCondensed') format('svg'); /* Legacy iOS */ } body { font-family: 'Open Sans', serif; padding-top: 54px; color: #868e96; /* light grey */ } @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; text-transform: uppercase; color: #343a40; /* dark grey */ } 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; /* 2. dark grey */ } .list-social-icons a:hover { color: #97a3b2; /* #BD5D38 = brown , #97a3b2 = blueggrey*/ } .list-social-icons a .fa-lg { font-size: 1.75rem; } .list-icons { font-size: 3rem; } .list-icons .list-inline-item i:hover { color: #97a3b2; } .img-profile { width: 120px; height: 120px; margin-bottom: 15px max-width: 10rem; max-height: 10rem; border: 0.5rem solid rgba(255, 255, 255, 0.2); } #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: #97a3b2 !important; } .text-primary { color: #97a3b2 !important; } a { color: #97a3b2; } a:hover, a:focus, a:active { color: #824027; }