@media(min-width:320px) and (max-width:480px) { .heart-prevention { margin-top: 20px; } .risk-screening-div img { width: 75%; margin: 8% 0px; } .heart-prevention h2 { font-size: 28px; } .heart-prevention-para { margin: 40px 0px; } .risk-screening { height: 12em; } .risk-screening-div { margin-top: 25px; } .numbertext { font-size: 21px; } .text { font-size: 16px; } .skip .button { font-size: 14px; height: auto; } .screeningTest-contact p { font-size: 16px; } .free-material { height: 70px; } .free-material h2 { font-size: 21px; } .methodDiv h1 { margin-top: 40%; font-size: 25px; } .methodDiv img { width: 58em; margin-left: -38em; height: 3em; } .heart-prevention-para p { font-size: 18px; text-align: justify; } .risk-screening-div h2 { font-size: 22px; margin-bottom: 20px; letter-spacing: 1px; margin-top: 10px; } .test-section .Take-Test { margin: 0px 15px; } .Take-Test h1 { font-size: 25px; margin-bottom: 20px; } .Take-Test p { font-size: 16px; } .text { padding: 0px 10px; } .slideshow-container { height: 5em; margin-top: 1em; } .questionSlide-control h1 { font-size: 2em; } .questionSlide-control img { width: 18%; margin: 30px; } .prev, .next { margin-top: 0px; } .screeningTest-contact { padding: 30px 10px; padding-bottom: 5px; } .screening-button .button { padding: 5px 15px; font-size: 14px; height: auto; width: auto; } .Take-Care-Heart { background-size: 25em; height: 22em; } #textResult { font-size: 16px; padding: 0px 15px; } .mySlide .button{ font-size: 14px; } } @media(min-width:480px) and (max-width:590px) { .heart-prevention { margin-top: 20px; } .heart-prevention h2 { font-size: 30px; } .heart-prevention-para { margin: 40px 0px; } .risk-screening { height: 12em; } .risk-screening-div { margin-top: 25px; } .numbertext { font-size: 24px; } .text { font-size: 18px; } .skip .button { font-size: 16px; height: auto; } .screeningTest-contact p { font-size: 18px; margin-top: 15px; } .free-material { height: 70px; } .free-material h2 { font-size: 21px; } .methodDiv h1 { margin-top: 40%; font-size: 30px; } .methodDiv img { width: 58em; margin-left: -34em; height: 3em; } .heart-prevention-para p { font-size: 18px; text-align: justify; } .risk-screening-div h2 { font-size: 32px; margin-bottom: 20px; letter-spacing: 1px; margin-top: 10px; } .test-section .Take-Test { margin: 0px 20px; } .Take-Test h1 { font-size: 30px; margin-bottom: 20px; } .Take-Test p { font-size: 16px; } .text { padding: 0px 15px; } .slideshow-container { height: 5em; margin-top: 1em; } .questionSlide-control h1 { font-size: 3em; } .questionSlide-control img { width: 13%; margin: 20px 50px; } .prev, .next { margin-top: 0px; } .screeningTest-contact { padding: 30px 10px; padding-bottom: 5px; } .screening-button .button { padding: 5px 15px; font-size: 14px; height: auto; width: auto; } .Take-Care-Heart {background-size: 26em;height: 24em;} #textResult { font-size: 16px; padding: 0px 15px; } .mySlide .button{ font-size: 15px; } } @media(min-width:591px) and (max-width:680px) { .heart-prevention { margin-top: 20px; } .heart-prevention h2 { font-size: 32px; } .heart-prevention-para { margin: 45px 0px; } .risk-screening { height: 12em; } .risk-screening-div { margin-top: 25px; } .numbertext { font-size: 26px; } .text { font-size: 20px; } .skip .button { width: 10em; font-size: 15px; height: auto; margin-top: 20px; } .screeningTest-contact p { font-size: 18px; margin-top: 35px; } .free-material { height: 70px; } .free-material h2 { font-size: 21px; } .methodDiv h1 { margin-top: 30%; font-size: 34px; } .methodDiv img { width: 58em; margin-left: -31em; height: 3em; } .heart-prevention-para p { font-size: 20px; text-align: justify; } .risk-screening-div h2 { font-size: 38px; margin-bottom: 20px; letter-spacing: 2px; margin-top: 5px; } .test-section .Take-Test { margin: 0px 35px; } .Take-Test h1 { font-size: 32px; margin-bottom: 20px; } .Take-Test p { font-size: 18px; } .text { padding: 0px 20px; } .slideshow-container { height: 5em; margin-top: 1em; } .questionSlide-control h1 { font-size: 3em; } .questionSlide-control img { width: 10%; margin: 10px 65px; } .prev, .next { margin-top: 0px; } .screeningTest-contact { padding: 30px 10px; padding-bottom: 5px; } .screening-button .button { padding: 5px 15px; font-size: 14px; height: auto; width: auto; } .Take-Care-Heart { background-size: 30em; height: 26em; } #textResult { font-size: 18px; padding: 0px 30px; } .mySlide .button{ font-size: 15px; } } @media(min-width:681px) and (max-width:767px) { .heart-prevention { margin-top: 25px; } .heart-prevention h2 { font-size: 36px; } .heart-prevention-para { margin: 45px 0px; } .risk-screening { height: 15em; } .risk-screening-div { margin-top: 25px; } .numbertext { font-size: 26px; } .text { font-size: 22px; } .skip .button { width: 10em; font-size: 16px; height: auto; margin-top: 20px; } .screeningTest-contact p { font-size: 20px; margin-top: 35px; } .free-material { height: 70px; } .free-material h2 { font-size: 21px; } .methodDiv h1 { margin-top: 30%; font-size: 38px; } .methodDiv img { width: 58em; margin-left: -28em; height: 3em; } .heart-prevention-para p { font-size: 20px; text-align: justify; } .risk-screening-div h2 { font-size: 48px; margin-bottom: 30px; letter-spacing: 3px; margin-top: 5px; } .test-section .Take-Test { margin: 0px 35px; } .Take-Test h1 { font-size: 36px; margin-bottom: 25px; } .Take-Test p { font-size: 20px; } .text { padding: 0px 35px; } .slideshow-container { height: 5em; margin-top: 1em; } .questionSlide-control h1 { font-size: 4em; } .questionSlide-control img { width: 10%; margin: 0px 65px; } .prev, .next { margin-top: 0px; } .screeningTest-contact { padding: 30px; padding-bottom: 5px; } .screening-button .button { padding: 5px 15px; font-size: 16px; height: auto; width: auto; } .Take-Care-Heart { background-size: 34em; height: 30em; } #textResult { font-size: 18px; padding: 0px 30px; } .mySlide .button{ font-size: 16px; } } @media(min-width:768px) { .test-section .Take-Test { margin: 0px 0px; } } @media(max-width:768px) { .screeningTest-contact { margin-top: 5em; } } @media(min-width:768px) and (max-width:860px) { .screeningTest-contact p { font-size: 20px; } .skip .button { font-size: 16px; } .screening-button .button { padding: 5px 10px; font-size: 18px; } .methodDiv h1 { margin-top: 30%; font-size: 50px; } .methodDiv img { width: 54em; margin-left: -15em; height: 2em; } .heart-prevention h2 { font-size: 40px; } .heart-prevention-para p { font-size: 20px; } .risk-screening-div h2 { font-size: 60px; } .screen-button .button { margin-top: 15px; font-size: 20px; } .risk-screening { height: 22em; } .risk-screening-div { margin-top: 60px; } .Take-Test h1 { font-size: 62px; } .Take-Test p { font-size: 20px; } .text { font-size: 32px; padding: 0 50px; } .questionSlide-control h1 { font-size: 8em; } .questionSlide-control img { width: 9%; } .prev, .next { top: 30%; } .screeningTest-contact { padding: 10px 50px; } .Take-Care-Heart { background-size: 45em; height: 40em; } .heart-prevention-para { margin: 70px 0px; } #textResult { font-size: 20px; padding: 0px 70px; } .mySlide .button{ font-size: 16px; } } @media(min-width:861px) and (max-width:980px) { .heart-prevention-para { margin: 70px 0px; } .test-section .Take-Test { margin: 0px 0px; } .methodDiv h1 { margin-top: 35%; font-size: 50px; } .methodDiv img { width: 54em; margin-left: -15em; height: 2em; } .heart-prevention h2 { font-size: 44px; } .heart-prevention-para p { font-size: 21px; } .risk-screening-div h2 { font-size: 60px; } .screen-button .button { margin-top: 15px; font-size: 20px; } .risk-screening { height: 22em; } .risk-screening-div { margin-top: 60px; } .Take-Test h1 { font-size: 62px; } .Take-Test p { font-size: 20px; } .text { font-size: 32px; padding: 0px 0px; } .questionSlide-control h1 { font-size: 8em; } .questionSlide-control img { width: 9%; /* top: 32px; */ /* margin: 70px; */ } .prev, .next { top: 30%; } .screeningTest-contact { padding: 10px 50px; } .Take-Care-Heart { background-size: 45em; height: 40em; } #textResult { font-size: 20px; padding: 0px 70px; } .mySlide .button{ font-size: 16px; } } @media(min-width:981px) and (max-width:1024px) { .methodDiv h1 { margin-top: 30%; font-size: 50px; } .methodDiv img { width: 54em; margin-left: -15em; height: 2em; } .heart-prevention h2 { font-size: 40px; } .heart-prevention-para p { font-size: 20px; } .risk-screening-div h2 { font-size: 60px; } .screen-button .button { margin-top: 15px; font-size: 20px; } .risk-screening { height: 22em; } .risk-screening-div { margin-top: 60px; } .Take-Test h1 { font-size: 62px; } .Take-Test p { font-size: 20px; } .text { font-size: 32px; } .questionSlide-control h1 { font-size: 8em; } .questionSlide-control img { width: 9%; /* margin: 70px; */ } .prev, .next { top: 30%; } .screeningTest-contact { padding: 10px 70px; } .Take-Care-Heart { background-size: 48em; height: 42em; } #textResult { font-size: 20px; padding: 0px 70px; } .mySlide .button{ font-size: 16px; } .heart-prevention-para { margin: 70px 0px; } } @media(min-width:1025px) and (max-width:1200px) { .methodDiv h1 { margin-top: 30%; font-size: 50px; } .methodDiv img { width: 54em; margin-left: -15em; height: 2em; } .heart-prevention h2 { font-size: 40px; } .heart-prevention-para p { font-size: 20px; } .risk-screening-div h2 { font-size: 60px; } .screen-button .button { margin-top: 15px; font-size: 20px; } .risk-screening { height: 22em; } .risk-screening-div { margin-top: 60px; } .Take-Test h1 { font-size: 62px; } .Take-Test p { font-size: 20px; } .text { font-size: 32px; } .questionSlide-control h1 { font-size: 8em; } .questionSlide-control img { width: 9%; } .prev, .next { top: 30%; } .screeningTest-contact { padding: 10px 50px; } .Take-Care-Heart { background-size: 45em; height: 40em; } .heart-prevention-para { margin: 70px 0px; } } @media(min-width:1201px) and (max-width:1360px) { .test-section .Take-Test { margin: 0px 80px; } #textResult { font-size: 22px; padding: 0px 70px; } } @media(min-width:1361px) and (max-width:1600px) { .methodDiv h1 { margin-top: 30%; font-size: 68px; } .methodDiv img { width: 100em; margin-left: -46em; height: 4em; } .heart-prevention h2 { font-size: 60px; } .heart-prevention-para p { font-size: 25px; } .risk-screening-div { margin-top: 75px; } .risk-screening-div h2 { font-size: 86px; } .risk-screening-div img { width: 70%; margin: 20% 0%; } .screen-button .button { font-size: 28px; padding: 5px 18px; } .Take-Test p { font-size: 24px; } .slideshow-container { max-width: none; } .text { color: black; font-size: 46px; } .questionSlide-control h1 { font-size: 12em; } .questionSlide-control img { width: 10%; margin-top: 0px; } .screeningTest-contact p { font-size: 28px; } .screeningTest-contact span { font-size: 26px; } .screening-button .button { padding: 5px 15px; font-size: 28px; } .contact-area { padding: 70px 0; } .Take-Care-Heart { background-size: 62em; height: 55em; } .test-section .Take-Test { margin: 0px 80px; } #textResult { font-size: 22px; padding: 0px 70px; } } @media(min-width:1601px) and (max-width:1820px) { .methodDiv h1 { margin-top: 30%; font-size: 70px; } .methodDiv img { width: 95em; margin-left: -40em; height: 4em; } .heart-prevention h2 { font-size: 62px; } .heart-prevention-para p { font-size: 26px; } .risk-screening-div { margin-top: 75px; } .risk-screening-div h2 { font-size: 90px; } .risk-screening-div img { width: 40%; margin: 40% 0%; } .screen-button .button { font-size: 28px; padding: 5px 15px; } .Take-Test p { font-size: 26px; } .slideshow-container { max-width: none; } .text { color: black; font-size: 46px; } .questionSlide-control h1 { font-size: 12em; } .questionSlide-control img { width: 10%; margin-top: 0px; } .screeningTest-contact p { font-size: 30px; } .screeningTest-contact span { font-size: 30px; } .screening-button .button { padding: 5px 15px; font-size: 28px; } .contact-area { padding: 70px 0; } .Take-Care-Heart { background-size: 62em; height: 50em; } .heart-prevention-para { margin: 70px 0px; } #textResult { font-size: 26px; padding: 0px 70px; } .mySlide .button { font-size: 25px; } } @media(min-width:1821px) and (max-width:1950px) { .main-nav-left li a { font-size: 18px; } .company-header-title h3 { font-size: 21px; } .main-nav-right li a { font-size: 18px; } .methodDiv h1 { margin-top: 32%; font-size: 72px; } .methodDiv img { width: 99em; margin-left: -42em; height: 4em; } .heart-prevention h2 { font-size: 60px; } .heart-prevention-para p { font-size: 28px; } .risk-screening-div { margin-top: 75px; } .risk-screening-div h2 { font-size: 115px; } .risk-screening-div img { width: 55%; margin: 25% 0%; } .screen-button .button { font-size: 29px; padding: 8px 18px; } .Take-Test p { font-size: 27px; } .slideshow-container { max-width: none; } .text { color: black; font-size: 46px; } .questionSlide-control h1 { font-size: 12em; } .questionSlide-control img { width: 10%; margin-top: 0px; } .screeningTest-contact p { font-size: 29px; } .screeningTest-contact span { font-size: 29px; } .screening-button .button { padding: 8px 18px; font-size: 29px; } .contact-area { padding: 70px 0; } .Take-Care-Heart { background-size: 64em; height: 55em; } .container-large-screen{ width: 85%; } .test-section .Take-Test { margin: 0px 100px; } } @media(min-width:1951px) and (max-width:2120px) { .main-nav-left li a { font-size: 19px; } .company-header-title h3 { font-size: 22px; } .main-nav-right li a { font-size: 19px; } .methodDiv h1 { margin-top: 28%; font-size: 80px; } .methodDiv img { width: 105em; margin-left: -42em; height: 4em; } .heart-prevention h2 { font-size: 62px; } .heart-prevention-para p { font-size: 26px; } .risk-screening-div { margin-top: 75px; } .risk-screening-div h2 { font-size: 120px; } .risk-screening-div img { width: 40%; margin: 30% 0%; } .screen-button .button { font-size: 29px; padding: 8px 18px; } .Take-Test p { font-size: 26px; } .slideshow-container { max-width: none; } .text { color: black; font-size: 46px; } .questionSlide-control h1 { font-size: 12em; } .questionSlide-control img { width: 10%; margin-top: 0px; } .screeningTest-contact p { font-size: 30px; } .screeningTest-contact span { font-size: 30px; } .screening-button .button { padding: 8px 18px; font-size: 29px; } .contact-area { padding: 70px 0; } .Take-Care-Heart { background-size: 64em; height: 55em; } .container-large-screen{ width: 85%; } .test-section .Take-Test { margin: 0px 100px; } } @media(min-width:2121px) { .main-nav-left li a { font-size: 20px; } .company-header-title h3 { font-size: 24px; } .main-nav-right li a { font-size: 20px; } .methodDiv h1 { margin-top: 30%; font-size: 82px; } .methodDiv img { width: 125em; margin-left: -60em; height: 5em; } .heart-prevention h2 { font-size: 62px; } .heart-prevention-para p { font-size: 27px; } .risk-screening-div { margin-top: 75px; } .risk-screening-div h2 { font-size: 122px; } .risk-screening-div img { width: 40%; margin: 30% 0%; } .screen-button .button { font-size: 30px; padding: 10px 20px; } .Take-Test p { font-size: 26px; } .slideshow-container { max-width: none; } .text { color: black; font-size: 46px; } .questionSlide-control h1 { font-size: 12em; } .questionSlide-control img { width: 10%; margin-top: 0px; } .screeningTest-contact p { font-size: 30px; } .screeningTest-contact span { font-size: 30px; } .screening-button .button { padding: 10px 20px; font-size: 30px; } .contact-area { padding: 70px 0; } .Take-Care-Heart { background-size: 65em; height: 58em; } .container-large-screen{ width: 85%; } .test-section .Take-Test { margin: 0px 100px; } }