body { background-color: #121214 !important; padding-top: 0; } #top { display: none; } .footer { display: none; } .links { padding: 170px 20px 0; margin: 0 0 250px; } .links .container { max-width: 740px !important; width: 100%; padding: 0; } .links h1 { font-style: normal; font-weight: bold; font-size: 1.75rem; line-height: 34px; text-align: center; letter-spacing: 0.33px; color: rgba(255, 255, 255, 0.95); padding-top: 0; } .links p { font-style: normal; font-weight: normal; font-size: 1rem; line-height: 22px; text-align: center; letter-spacing: -0.41px; color: rgba(255, 255, 255, 0.75); padding-top: 0; margin-bottom: 40px; margin-top: 16px; } .links .links-group { display: flex; justify-content: space-between; } .links .links-group .btn { max-width: 360px; width: 100%; height: 280px; font-style: normal; font-weight: 600; font-size: 1.375rem; line-height: 26px; display: flex; justify-content: center; align-items: center; text-align: center; letter-spacing: 0.32px; color: rgba(255, 255, 255, 0.95); border-radius: 16px; } .links .links-group .btn-blue { background: #0B579C; } .links .links-group .btn-yellow { background: #5B5433; } @media (max-width: 767px) { .links { padding-top: 100px; } .links .links-group .btn { max-width: 350px; height: 240px; } .links .links-group .btn:first-child { margin-right: 20px; } } @media (max-width: 575px) { .links { margin: 0 0 100px; } .links p { margin-bottom: 20px; } .links .links-group .btn { font-size: 1.1rem; } .links .links-group .btn:first-child { margin-right: 10px; } } @media (max-width: 479px) { .links h1 { max-width: 275px; width: 100%; font-style: normal; font-weight: 590; font-size: 1.375rem; line-height: 26px; letter-spacing: 0.32px; margin: 0 auto; } .links .links-group { flex-direction: column; } .links .links-group .btn { font-size: 1.375rem; max-width: 100%; height: 242px; } .links .links-group .btn:first-child { margin-right: 0; margin-bottom: 18px; } }