#head .wrapper { display: flex; align-items: center; justify-content: center; }
#head .wrapper img { width: 560px; margin-right: 60px; }
#head .wrapper .contents { flex-grow: 1; }
#details .wrapper { display: flex; align-items: center; justify-content: space-around; text-align: center; padding: 80px 0; font-size: 22px; font-weight: 200; }
#details .wrapper .count { font-weight: 600; font-size: 48px; }


@media (max-width: 1440px) {
#head .wrapper { padding: 0 60px; }
#head .wrapper img { width: 560px; margin-right: 40px; }
#details .wrapper { padding: 40px 100px; font-size: 18px; }
#details .wrapper .count { font-size: 42px; }
}

@media (max-width: 1280px) {
#details .container { padding: 20px; }
#head .wrapper { flex-wrap: wrap; padding: 0; }
#head .wrapper img { width: 100%; max-width: 400px; margin: 0 0 20px; }
#details .wrapper { flex-wrap: wrap; padding: 20px 0; font-size: 16px; }
#details .wrapper > * { width: 50%; padding: 20px; }
#details .wrapper .count { font-size: 36px; }
}