@media (max-width: 1400px) { #new-profile { display: block; height: auto; width: auto; margin-bottom: auto; padding-left: 0%; justify-content: center; } .new-section__pic-container { width: auto; justify-content: center; margin-bottom: auto; padding-left: 0%; } } @media (max-width: 1200px) { #new-profile { display: block; height: auto; width: auto; margin-bottom: auto; padding-left: 0%; justify-content: center; } .new-section__pic-container { width: auto; height: 45vw; justify-content: center; margin-bottom: auto; padding-top: 80px; padding-left: 0%; } } @media (max-width: 574px) { #new-profile { height: auto; width: auto; margin-bottom: auto; padding-left: 0%; justify-content: center; } .new-section__pic-container { width: auto; height: auto; height: 46vw; justify-content: center; margin-bottom: auto; padding-top: 80px; padding-left: 0%; } } @media (max-width: 575.98px) { #new-profile { flex-direction: column; align-items: center; padding: 20px; } .new-section__text { padding: 20px; text-align: center; } .banner-heading h2 { font-size: 2rem; } .banner-heading h6 { font-size: 1.25rem; } .banner-heading p { font-size: 1rem; } .btn-home { font-size: 1rem; padding: 8px 16px; } } @media (min-width: 576px) and (max-width: 767.98px) { #new-profile { flex-direction: column; align-items: center; padding: 40px; } .banner-heading h2 { font-size: 2.5rem; } .banner-heading p { font-size: 1.125rem; } .btn-home { font-size: 1.125rem; } } @media (min-width: 768px) and (max-width: 991.98px) { #new-profile { padding: 60px; } .banner-heading h2 { font-size: 3rem; } .banner-heading p { font-size: 1.25rem; } .btn-home { font-size: 1.25rem; } } @media (min-width: 992px) { #new-profile { padding: 100px; } .banner-heading h2 { font-size: 3rem; } .banner-heading p { font-size: 1.25rem; } .btn-home { font-size: 1.25rem; } } /* NAV BAR */ @media (max-width: 575.98px) { .count { font-size: 3rem; } .fact-item span { font-size: 1rem; } .fact-item { margin-bottom: 30px; } .facts { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .count { font-size: 4rem; } .fact-item span { font-size: 1.125rem; } .fact-item { margin-bottom: 40px; } .facts { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .count { font-size: 4.5rem; } .fact-item span { font-size: 1.125rem; } .facts { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 992px) { .count { font-size: 5rem; } .fact-item span { font-size: 1.25rem; } .facts { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 575.98px) { .generic-title { margin-bottom: 30px; } .experience-sub-title { font-size: 1rem; } .experience-sub-title-two { font-size: 1rem; } .experience-list { font-size: 1rem; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .generic-title { margin-bottom: 40px; } .experience-sub-title { font-size: 1.15rem; } .experience-sub-title-two { font-size: 1.15rem; } .experience-list { padding-left: 2%; font-size: 1.15rem; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .generic-title { margin-bottom: 46px; } .experience-sub-title { font-size: 1.25rem; } .experience-sub-title-two { font-size: 1.25rem; } .experience-list { padding-left: 5%; font-size: 1.25rem; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } } @media (min-width: 992px) { .generic-title { margin-bottom: 46px; } .experience-sub-title { font-size: 1.25rem; } .experience-sub-title-two { font-size: 1.25rem; } .experience-list { padding-left: 5%; font-size: 1.25rem; } .padding-top { padding-top: 100px; } .padding-bottom { padding-bottom: 100px; } } @media (max-width: 575.98px) { .skills-sub-title { font-size: 1.2rem; } .skill { font-size: 1rem; padding: 4px 8px; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .skills-sub-title { font-size: 1.4rem; } .skill { font-size: 1.15rem; padding: 5px 10px; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .skills-sub-title { font-size: 1.5rem; } .skill { font-size: 1.25rem; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } } @media (min-width: 992px) { .skills-sub-title { font-size: 1.5rem; } .skill { font-size: 1.25rem; } .padding-top { padding-top: 100px; } .padding-bottom { padding-bottom: 100px; } } @media (max-width: 575.98px) { .generic-title h2 { font-size: 38px; } .edu-masters h3, .edu-bachelor h3 { font-size: 1.2rem; } .edu-masters p, .edu-bachelor p { font-size: 1rem; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .generic-title h2 { font-size: 36px; } .edu-masters h3, .edu-bachelor h3 { font-size: 1.4rem; } .edu-masters p, .edu-bachelor p { font-size: 1.1rem; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .generic-title h2 { font-size: 48px; } .edu-masters h3, .edu-bachelor h3 { font-size: 1.5rem; } .edu-masters p, .edu-bachelor p { font-size: 1.25rem; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } } @media (min-width: 992px) { .generic-title h2 { font-size: 52px; } .edu-masters h3, .edu-bachelor h3 { font-size: 1.5rem; } .edu-masters p, .edu-bachelor p { font-size: 1.25rem; } .padding-top { padding-top: 100px; } .padding-bottom { padding-bottom: 100px; } } @media (max-width: 575.98px) { .btn { font-size: 1rem; padding: 5px 10px; } .generic-title h2 { font-size: 32px; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .btn { font-size: 1.125rem; } .generic-title h2 { font-size: 40px; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .btn { font-size: 1.25rem; } .generic-title h2 { font-size: 48px; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } } @media (min-width: 992px) { .btn { font-size: 1.25rem; } .generic-title h2 { font-size: 52px; } .padding-top { padding-top: 100px; } .padding-bottom { padding-bottom: 100px; } } @media (max-width: 575.98px) { .accomplishment-sub-title { font-size: 1.35rem; } .btn { font-size: 1rem; padding: 5px 10px; } .generic-title h2 { font-size: 32px; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .accomplishment-sub-title { font-size: 1.5rem; } .btn { font-size: 1.125rem; } .generic-title h2 { font-size: 40px; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .accomplishment-sub-title { font-size: 1.5rem; } .btn { font-size: 1.25rem; } .generic-title h2 { font-size: 48px; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } } @media (min-width: 992px) { .accomplishment-sub-title { font-size: 1.5rem; } .btn { font-size: 1.25rem; } .generic-title h2 { font-size: 52px; } .padding-top { padding-top: 100px; } .padding-bottom { padding-bottom: 100px; } } @media (max-width: 575.98px) { .contact-info-upper-container { flex-direction: column; padding: 1rem; } .contact-info-container { margin: 0.5rem 0; } .contact-info-container p { font-size: 1rem; } .generic-title h2 { font-size: 35px; padding-top: 25px; } .padding-top { padding-top: 50px; } .padding-bottom { padding-bottom: 50px; } } @media (min-width: 576px) and (max-width: 767.98px) { .contact-info-upper-container { flex-direction: row; } .contact-info-container { margin: 1rem; } .contact-info-container p { font-size: 1.125rem; } .generic-title h2 { font-size: 40px; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .contact-info-upper-container { flex-direction: row; } .contact-info-container { margin: 1rem; } .contact-info-container p { font-size: 1.25rem; } .generic-title h2 { font-size: 48px; } .padding-top { padding-top: 80px; } .padding-bottom { padding-bottom: 80px; } } @media (min-width: 992px) { .contact-info-upper-container { flex-direction: row; } .contact-info-container { margin: 1rem; } .contact-info-container p { font-size: 1.25rem; } .generic-title h2 { font-size: 52px; } .padding-top { padding-top: 100px; } .padding-bottom { padding-bottom: 100px; } }