.download_files ul { list-style-type: none; padding: 0; margin: 0; } .download_files ul li { padding: 0; margin: 0; } .download_files ul li a { display: block; padding: 0.4em 0; height: 2em; text-decoration: none; background-color: #fff; transition: background-color 0.2s; } .download_files ul li a:hover { background-color: #eee; } .download_files ul li a > div { display: inline-block; vertical-align: top; } .download_files ul li a img { padding: 0; margin: 0 0.7em; vertical-align: top; } .download_files ul li a span { color: #000; line-height: 2em; } /* forelesere */ .download_files .forelesere ul, .download_files .student ul { max-width: 800px; overflow: hidden; } .download_files .forelesere ul li, .download_files .student ul li { float: left; width: 33.33%; /*min-width: 15em;*/ padding: 0; margin: 0; } .download_files .forelesere ul li a, .download_files .student ul li a { font-size: 1.1em; padding: 0.7em 2em; width: calc(100% - 4em); height: auto; text-align: center; } .download_files .forelesere ul li a > div, .download_files .student ul li a > div { display: block; vertical-align: top; padding: 1.5em 0; height: 4em; background-color: #000; } .download_files .forelesere ul li a img, .download_files .student ul li a img { width: 4em; height: 4em; } .download_files .forelesere ul li a span { display: block; padding: 0.7em 0 0 0; height: 2.25em; line-height: 1.1em; } .download_files .forelesere ul.not_logged li a > div { background-image: url('/data/fd7482f4-4b6a-4869-b692-fe7ec9334eff'); background-size: 3em 3em; background-repeat: no-repeat; background-position: right top; } @media screen and (min-width: 600px) and (max-width: 799px) { .download_files .forelesere ul li, .download_files .student ul li { width: 50%; } } @media screen and (max-width: 599px) { .download_files .forelesere ul li, .download_files .student ul li { width: 100%; } .download_files .forelesere ul li a span, .download_files .student ul li a span { height: 1.25em; } }