responsive zebra-striping

the wonders of nth-child at work

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <div id="top"><a href="/" title="Tu web de eventos y descuentos"><img src="img/logoCrazy.png" alt="Tu web de eventos" title="CrazyMurcia.com" /></a></div>
    <div style="position: absolute; top: 5px; left: 811px;">
        <img src="img/redsocial.png" border="0" alt="Redes Sociales" />
    </div>

CSS

#top {
    padding-top:10px;
    height:92px;
    overflow:hidden;
}
#top .addthis {
    float: left;
    width: 995px;
}