.com_homepage_buttons { font-size: 0; }

.com_home_page .item { display: inline-block; }
.com_homepage_buttons .item a { display: inline-block; width: 227px; height: 274px; margin: 0; transition: opacity 0.6s; }
.com_homepage_buttons .item:first-child a { width: 454px; height: 274px; margin: 0; }

.com_homepage_buttons .item a.default { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.com_homepage_buttons .item a.hover { opacity: 0; }
.com_homepage_buttons .item .container { position: relative; }
.com_homepage_buttons .item .container:hover a.default { opacity: 0; }
.com_homepage_buttons .item .container:hover a.hover { opacity: 1; }



@media screen and (max-width: 600px) {
  .com_home_page .com_homepage_buttons { margin: auto; width: 280px; }
  .com_home_page .com_homepage_buttons .item:first-child a { width: 280px; height: 170px; background-size: cover !important; }
  .com_home_page .com_homepage_buttons .item a { width: 140px; height: 170px; background-size: cover !important; }
}


/*
@media screen and (max-width: 600px) {
  .com_home_page .com_homepage_buttons { width: 322px; }
  .com_home_page .com_homepage_buttons .item a { margin-bottom: 1px; width: 322px; height: 274px; background-size: cover !important; }
  .com_home_page .com_homepage_buttons .item:first-child a { width: 322px; height: 274px; background-size: cover !important; }
}

@media screen and (max-width: 350px) {
  .com_home_page .item { display: block; text-align: center; }
  .com_homepage_buttons .item .container { display: inline-block; margin: 0 0 6px 0; }
  .com_home_page .com_homepage_buttons { width: inherit; }
}
*/