html{ font-size: 1em; }
header{ min-height: 50vh; }

ul li div > *{ height: 300px; }

p{ line-height: 140%; }
p span{ font-style: italic; font-family: 'Trebuchet Ms'; }

ul li{ margin-bottom: 10px; }
ul li div{ display: flex; }
ul li div > *{ height: auto; width: 100%; }

ul li div > iframe{ display: block; width: 50%; height: auto; }
ul li div > img{ width: auto; height: 300px; }

header h1,
header p{ max-width: 50%; }

header h1{ font-size: 4.5em; }
header p span,
header p time,
header h1 span{ display: inline;}
header p{ font-size: 2.42em; }

#about{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#about > h2{ width: 100%; }
#about > *{ width: 49%; }

#about article a{
    display: block;
    font-size: 0;
    background: #0E0E10 url(banner-twitch.png) no-repeat bottom center/contain;
    height: 150px
}


#anteriores ul{ display: flex; flex-wrap: wrap; }
#anteriores ul li{ width: 50%; }
#anteriores ul li:last-child{ flex: 1; }

figure{ margin: 0 0 10px 0; padding: 5px; border: 1px solid #ededed; }
figure img{ width: 100%; }
iframe{ width: auto; display: inline-block; }

#bases{ background: #1C1C1C; font-size: 0.8em; line-height: 160%;}
#bases ul{ column-count: 2; }
#bases > *{ color: white }