.article .card{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;padding-bottom:10px;background-color:#fff;margin-bottom:10px}.article .main-art,.article img{width:100%}@media (min-width:768px) and (max-width:991.98px){.article .card{top:150px}}@media (min-width:992px) and (max-width:1199.98px){.article .card{top:250px}}@media (min-width:1200px){.article .card{top:350px}}@media (min-width:767.98px){.article .main-art{position:fixed;top:56px;width:100%}.article .card{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);position:relative}}.navbar{background-color:#fff}body{font-family:Roboto,sans-serif}