header.page_header { background: url("/data/a5e2f0ab-d1e1-4584-872b-542900db5beb") repeat-x left top; background-size: 4em; } header.page_header > a { /* position: absolute; right: 0; top: 0; */ float: right; display: inline-block; padding: 0 2em; font-size: 1.33em; height: 3em; line-height: 3em; color: #fff; text-decoration: none; background-color: #64B8A8; transition: background-color 0.2s; } header.page_header > a.student { background-color: #40a0bb; } header.page_header > a:hover { background-color: #CB496A; } header.page_header > div > a { display: block; margin: auto; padding: 1em 0 0; width: 27em; } header.page_header > div > a > img { border: medium none; width: inherit; height: auto; vertical-align: top; } @media screen and (max-width: 1023px), @media screen and (orientation: portrait) { header.page_header > a { padding: 0 0.4em; } header.page_header > div { clear: both; } header.page_header > div > a { width: 50%; } header.page_header > div > a > img { width: 100%; } }