.re-img-container{ height: 450px; position: relative; } .re-img{ width: 100%; height: 100%; } .research-heading{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 70px; font-weight: bold; } .research-container{ width: 40%; } .re-center-this{ text-align: center; } .re-link{ text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: black; text-decoration-thickness: 3px; color: black; } .re-dataset-buttons{ padding-top: 30px; gap: 30px; text-align: center; } .dataset-download{ background: #33cccc; border: 1px solid white; color: white; padding: 0.5em; text-decoration: none; width: 350px; border-radius: 25px; } .dataset-download:hover{ color: black; } .re-inline-buttons{ gap: 30px; flex-wrap: wrap; padding-top: 40px; text-align: center; } .re-buttons{ background: #ffffff; border: 1px solid black; color: black; padding: 0.5em; text-decoration: none; width: 250px; border-radius: 25px; } .re-buttons:hover{ background-color: #3E3F45; color: #b3e6ff; } .blue-section{ background-color: #ebfafa } .list-section{ padding-left: 30px; padding-right: 30px; } .crisis-response{ padding-top: 60px; } .re-small-font{ font-size: 20px; } .re-small-font-link{ color: black; font-size: 20px; padding-bottom: 10px; } .re-small-font-link:hover{ color: black; } .re-articles{ padding-top: 30px; } .article_r{ padding-top: 40px; } .bold-font{ font-weight: bold; } .click-here{ background: #ffffff; border: 1px solid black; color: black; padding: 0.5em; text-decoration: none; width: 200px; border-radius: 25px; text-align: center; } .bottom-line{ border-bottom: 2px solid black; width: 100%; } .re-last-line{ color: #A1A1A1; } @media only screen and (max-width: 480px){ .re-img-container{ height: 180px; } .research-heading{ font-size: 30px; } .research-container{ width: 100%; } } @media (min-width: 600px) and (max-width: 1024px){ .re-img-container{ height: 300px; } .re-img-heading{ font-size: 50px; } .research-container{ width: 80%; } }