/* OI v0.1.0 
 * Copyright (c) 2016  
 */
.news-item { padding: 30px; }
.news-item h2 { margin-top: 5px; margin-bottom: 10px; }
.news-item .category { font-weight: bold; text-transform: uppercase; font-size: .875em; }
.news-item .category a { color: #4a0059; }
.news-item .author { font-family: "Times New Roman", Times, serif; font-style: italic; color: #8f8e8c; font-size: .875em; }

.news-image { width: 100%; height: 0; padding-bottom: 66.66%; margin-bottom: 25px; }

@media (min-width: 480px) { /* phone */ .news-item { padding: 40px; } .news-image { margin-bottom: 30px; } }

@media (min-width: 680px) { /* big phone, small tablet */ .news-image + .news-content { margin-left: 240px; } .news-image { position: absolute; top: 40px; left: 40px; bottom: 40px; width: 200px; height: auto; padding-bottom: 0; margin-bottom: 0; } }

@media (min-width: 768px) { /* tablet */ }

@media (min-width: 960px) { /* netbook */ .news-item:first-child .news-image { top: 0; } .news-image + .news-content { margin-left: 280px; } .news-image { width: 240px; } }

@media (min-width: 1080px) { /* small desktop */ .news-image + .news-content { margin-left: 380px; } .news-image { width: 340px; } }

@media (min-width: 1260px) { /* desktop */ }