#main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:100%}#main h6{margin:0;padding:0}ul{list-style:none}#article-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:50%;float:left;margin:0 auto}.article-prev{margin:30px 10px;max-width:180px}.article-prev-h1{display:inline-block;font-size:15pt;width:92%;padding:4%;margin:0;font-weight:lighter;-webkit-transition:padding-left ease-in-out .25s;transition:padding-left ease-in-out .25s}.article-prev-h1:hover{padding-left:20px}.article-prev-p{margin:0 4%;padding:4% 0;font-size:11pt;border-top:1px solid #000}.article-prev-img{position:relative;vertical-align:top;top:-10px;width:100px;height:100px;margin:0 auto;border-radius:50px;background-color:#fff;background-size:cover;background-position:center;box-shadow:0 0 0 8px #dbbda9}#article-regs{width:650px;margin:0 auto;float:right}.part-header{font-family:AmaticSC,Open Sans Condensed;font-size:2em;text-align:center;padding:1em 0}#article-regs ul,#article-regs ul li{position:relative;padding:0;width:100%}#article-regs ul li{display:inline-block;margin:0;height:110px;overflow:hidden;-webkit-transition:height ease-in-out .4s;transition:height ease-in-out .4s}#article-regs ul li:hover{height:400px}#article-regs h1{position:absolute;-webkit-transition:none;transition:none;width:86%;padding:7%;margin:0;color:#fff;font-size:23pt;font-family:AmaticSC,Open Sans Condensed;font-weight:400;-webkit-transition:color ease-in-out .3s;transition:color ease-in-out .3s}#article-regs ul li:hover h1{color:#000}#article-regs h1:hover{padding:7%}#article-regs span{padding-left:5px;-webkit-transition:padding-left ease-in-out .2s;transition:padding-left ease-in-out .2s}#article-regs ul li:hover span{padding-left:15px}.push{border:none;height:105px;transition:height ease-in-out .4s;-webkit-transition:height ease-in-out .4s;-o-transition:height ease-in-out .4s;-moz-transition:height ease-in-out .4s}#article-regs li:hover div:not(.large){height:65%}#article-regs p{border:none;color:#fff;width:92%;margin:0;padding:5%;height:35%;background:rgba(76,76,76,0);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(76,76,76,0)),color-stop(100%,rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(76,76,76,0),rgba(0,0,0,.9));background:-webkit-gradient(linear,left top,left bottom,from(rgba(76,76,76,0)),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,rgba(76,76,76,0) 0,rgba(0,0,0,.9));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c',endColorstr='#000000',GradientType=0)}li:hover .p-higher{height:45%!important}li:hover .push-higher{height:55%!important}li:hover .push-tatry{height:40%!important}#article-regs ul li{background-size:100%;background-position:bottom;background-repeat:no-repeat}#article-regs li:nth-child(1):hover h1,#article-regs li:nth-child(5):hover h1,#article-regs li:nth-child(6):hover h1{color:#fff}@media all and (max-width:1030px){.part-header{font-size:1.5em;padding:1em 0 .5em}#search-results{width:100%;min-width:100px}#article-regs,#search-results{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#article-regs{margin:0}#article-regs ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#article-regs ul li{-webkit-transition:.2s;transition:.2s;width:50%;height:200px;background-size:cover;background-position:50%;background-repeat:no-repeat}#article-regs ul li:hover{height:200px;opacity:.8}#article-regs p,#article-regs ul li:last-of-type{display:none}#article-regs li:nth-child(1):hover h1,#article-regs li:nth-child(5):hover h1,#article-regs li:nth-child(6):hover h1{color:#000}}@media all and (max-width:730px){#content{top:-20px!important}#main{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}#article-regs{min-width:100%}#article-regs ul li{width:25%}#article-regs>ul>li>a>h1{font-size:1.5em;bottom:0;text-align:center}#article-regs>ul>li>a>h1>span{display:none}}