#home .colVersion{margin-top:60px}
.colVersion{float:left;width:100%;text-align:center;padding-left:0}
.colVersion>li{list-style:none;display:inline-block;margin-left:30px}
.colVersion>li>span{margin-right:10px;color:#bbb}
.colVersion>li>a{text-decoration:none;color:#666}
.colReg{float:left;width:100%;text-align:center;padding-left:0}
.colReg>li{list-style:none;display:inline-block;margin-left:30px}
.colReg>li>span{margin-right:10px;color:#bbb}
.colReg>li>a{text-decoration:none;color:#666}
.rankings{width:100%;max-width:1050px;margin:3em auto 0}
.rankings > h1{text-align:center;color:#506d8b;font-size:1.5em;margin:0 0 2em}
.recommended-list{margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;grid-auto-rows:1fr;margin-bottom:30px}
.recommended-list div figure{overflow:hidden;margin:0}
.recommended-list div figure > a{overflow:hidden;position:relative;display:block;line-height:0}
.recommended-list div figure > a span{background:#f93500;display:block}
.recommended-list div figure img{max-width:100%;transition:.4s all}
.recommended-list div figcaption a{font-size:14px;color:#506d8b;font-weight:400;text-decoration:none}
.recommended-list div figcaption a:hover{color:red;text-decoration:underline}
.recommended-list div figure:hover img{transform:scale(1.6) rotate(-10deg);opacity:.7;filter:blur(1px)}
@media screen and (max-width: 768px) {
.topH{background:transparent!important;height:60px;border-bottom:0!important}
.recommended-list{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}
.mWidth{width:100%}
#topCounts,.menuMain{display:none!important}
.topH header .logo{left:50%;margin-left:-109px}
.rankings > h3{font-size:1.2em}
.rankings{width:92%;padding:0 4%}
#copy{position:relative}
}