.download-attachments{ color: white; margin: 0px auto; border-bottom: 1px solid #2c2c2c; span{ } h4{ margin: 0px; } a{ padding: 5px 15px; border: 1px solid #707070; color: white; text-decoration: none; border-radius: 8px; } } @media screen and (min-width: 1441px) { .download-attachments{ width: calc(100% - 20px); padding: 20px 0px; a{ font-size: 18px; } h4{ font-size: 18px; } } } @media screen and (min-width: 1008px) and (max-width: 1440px) { .download-attachments{ width: calc(100% - 20px); padding: 10px 0px; a{ font-size: calc(100vw / 100); } h4{ font-size: calc(100vw / 100); } } } @media screen and (min-width: 641px) and (max-width: 1007px) { .download-attachments{ width: calc(100% - 20px); padding: 10px 0px; a{ font-size: calc(100vw / 50); } h4{ font-size: calc(100vw / 50); } } } @media screen and (max-width: 640px) { .download-attachments{ width: calc(100% - 20px); padding: 10px 0px; a{ font-size: calc(100vw / 40); } h4{ font-size: calc(100vw / 40); } } }