@charset "UTF-8";
/*
Designed by GSG Comunicaciones
Diciembre 2018 ─ Marzo 2019
Web Development: Kevin Argueta
*/

/* Background */
.bg-TC-Gry1 {background: #585655 !important;}
.bg-TC-Yll1 {background: #BE9B40 !important;}
/* Text Color */
.tx-TC-Gry1 {color: #585655 !important;}
.tx-TC-Yll1 {color: #BE9B40 !important;}
/* Font */
.Cmrt-Font {font-family: 'Cormorant', serif !important;}
/* Full Assets */
.header-box {padding: 20px 15px 50px 15px;}
.main-title {line-height: 35px; margin: 20px 0px 30px 0px;}
.genre-text {margin: 5px 0px 0px 7px; padding-bottom: 0px;}
.book-badge {
  background: #BE9B40;
  padding: 3px 10px 3px 10px;
  border-radius: 7px;
  display: inline-block;
}
.LastDay-Box {
  display: inline-block;
  border-radius: 5px;
  padding: 3px 7px 3px 7px;
}
.info-container {padding: 50px 15px 10px 15px;}
.info-box-a {margin: 10px 0px 25px 0px;}
.btn-box {padding: 5px 15px 50px 15px;}
.logo-box {padding: 5px 15px 25px 15px;}
/* Responsive Image */
/* XL and UP */
@media (min-width: 992px) {
  #XS-IMG {visibility: hidden; height: 0px !important;}
  #XL-IMG {visibility: visible; height: auto;}
}
/* XL and Down */
@media (max-width: 992px) {
  #XS-IMG {visibility: visible; height: auto;}
  #XL-IMG {visibility: hidden; height: 0px !important;}
}
/* Responsive Text Box */
@media (min-width: 576px) {
  .header-box {padding: 20px 15px 50px 100px;}
}
@media (min-width: 768px) {
  .header-box {padding: 20px 30px 50px 175px;}
}
@media (min-width: 992px) {
  .header-box {padding: 50px 30px 50px 100px;}
}
@media (min-width: 1200px) {
  .header-box {padding: 75px 30px 50px 50px;}
}