#markei { background-color: #FFF; display: flex; height: 50px; width: 100%; }
#markei * { margin: 0; padding: 0; font-family: "Open Sans", sans-serif; font-size: 0.9rem; font-weight: normal; }
#markei .logo { width: 151px; height: 50px; flex-grow: 0; font-size: 0; position: relative; }
#markei .logo a { position: absolute; left: 0; width: 100%; top: 0; height: 50px; padding: 10px 30px; box-sizing: border-box; z-index: 1; }
#markei .logo a+a { font-size: 0; display: none; z-index: 2; }
#markei .logo a svg { fill: #CCCCCC; height: 30px; }
#markei .logo a:hover svg{ fill: #FF9900; }
#markei:target .logo a+a { display: block; }
#markei:target .logo a svg{ fill: #FF9900; }
#markei .content { width: auto; flex-grow: 1; }
#markei .content .ticker { width: 100%; height: 100%; }
#markei .content .ticker ul { list-style-type: none; position: relative; width: 100%; height: 100%; }
#markei .content .ticker ul li { position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; opacity: 0; transition: 1s opacity; line-height: 30px; }
#markei .content .ticker ul li.visible { height: 100%; opacity: 1; }
#markei .content .ticker ul li a { color: #CCC; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 10px 30px 10px 0; }
#markei .content .ticker ul li a:hover { color: #333; }
#markei .content .ticker ul li a strong { color: #AAA; }
#markei .content .ticker ul li a:hover strong { color: #000; }
#markei .content .ticker ul li a .notification-counter { border: 1px solid #AAA; color: #AAA; border-radius: 30px; display: inline-block; width: 12px; height: 12px; font-size: 8px; text-align: center; vertical-align: top; line-height: normal; }
#markei .content .ticker ul li a:hover .notification-counter { border-color: #F90; background-color: #FF9900; color: #FFF; }
#markei .content .ticker ul li a .text { }
#markei .content .intro { display: none; }
#markei .content .intro .column { width: 30%; max-width: 200px; padding: 25px 30px 30px 30px; }
#markei .content .intro .column p {  font-weight: 600; padding-bottom: 15px; }
#markei .content .intro .column ul { list-style-type: none; }
#markei .content .intro .column ul li { display: block; }
#markei .content .intro .column ul li a { padding: 5px; margin-left: -5px; margin-right: -5px; display: block; color: #666; }
#markei:target { height: auto; flex-direction: column; }
#markei:target .ticker { display: none; }
#markei:target .content .intro { display: block; }
@media only screen and (min-width: 375px) {
    #markei:target .content .intro { display: flex; flex-wrap: wrap; }
}
@media only screen and (min-width: 1100px) {
    #markei:target .content .intro { display: flex; flex-wrap: nowrap; }
}