body { background: #e7e7e7; color:#666666; }
.page { margin: 20px auto; width: 1200px; }

h1 { color:#2b4158; font-size:40px; }
h2 { color:#305071; font-size:26px; padding-bottom: 15px; }
small { font-size:12px; }
small br { margin: 0 0 5px 0; padding: 0; display: block; }
ul { margin: 0 0 0 15px; padding: 0; }
hr { border-bottom: 1px solid rgba(0,0,0,0.5); }

.detail-container>div.row { padding: 0 0 15px 0; }
.image-container>a { display: inline-block; width: 48%; margin: 0 1% 10px 0; border:solid 5px #ededed; border-radius: 5px; cursor:pointer; }
.image-container img { width: 100%; }
.image-container>a.crop { height: 180px; overflow:hidden; display: inline-block; }

@media (max-width: 580px)
{
  .page { margin: 20px 10px; width: auto; }
}