.default42 {padding: 20px 0;}
body{ font-family: 'Roboto', sans-serif;}
.default42 .collection-img{ width: 100%; display: inline-block;}
.default42 .collection-img img{ width: 100%; height: auto; object-fit: cover; margin: 30px 0; padding: 0px;}
.default42 .collection-main{ width: 100%; display: inline-block; text-align: center; margin: 30px 0;}
.default42 .collection-main span{ width: 100%; display: inline-block; text-transform: uppercase; font-size: 12px; color: #353535; letter-spacing: 0.15em; margin-bottom: 6px; margin-top: 2rem;}
.default42 .collection-main h3{ width: 100%; display: inline-block; margin: 0px; font-size: 4rem; color: #353535; text-transform: uppercase; letter-spacing: 0.1em; line-height: 5rem; font-weight: 300;}
.default42 .collection-main button{ display: inline-block; padding: 1.3rem 6rem; border: 1px solid #bc9366; font-size: 12px; letter-spacing: 0.15em; color: #353535; text-transform: uppercase; cursor: pointer; transition: all 0.3s linear; background: transparent; margin-top: 3rem;}
.default42 .collection-main button:hover{ color: #ffffff; background: #bc9366;}
.default42 .collection-description{ width: 100%; display: inline-block; font-size: 18px; color: #353535; margin: 0 0 0 0; font-weight: 300; line-height: 3.3rem;}


@media screen and (min-width: 992px) and (max-width: 1024px) {
  .default42 .collection-main h3 {font-size: 33px; line-height: 44px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .default42 .collection-main h3 {font-size: 30px; line-height: 40px;}
}
@media screen and (max-width: 767px) {
  .default42 .collection-main h3 {font-size: 28px; line-height: 38px;}
}
@media screen and (max-width: 480px) {
  .default42 .collection-main h3 {font-size: 26px; line-height: 36px;}
}