body{ font-family: 'Roboto', sans-serif;}
.default45 {width: 100%; padding: 0; display: inline-block; background: #17181c;}
.default45 .leroy-main{ width: 100%; display: inline-block; text-align: center;}
.default45 .leroy-main span{ display: inline-block; width: 100%; text-transform: uppercase; font-size: 12px; color: #ffffff; letter-spacing: 0.15em; margin-bottom: 6px;}
.default45 .leroy-main h3{ display: inline-block; width: 100%; margin: 0px; font-size: 4rem; color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; line-height: 5.5rem; font-weight: 300;}
.default45 .leroy-img{ width: 100%; height: auto; object-fit: cover; margin: 7rem 0; padding: 0px;}
.default45 .leroy-subtitle{ width: 100%; display: inline-block; font-size: 3.5rem; color: #bc9366; font-weight: 300; margin: 0 0 0 0; line-height: 5rem; text-align: left;}
.default45 .type-label{ display: inline-block; width: 100%; letter-spacing: 0.2em; font-weight: 500; text-transform: uppercase; color: #ffffff; text-align: left; margin-top: 2rem; font-size: 12px; margin-bottom: 6rem;}
.default45 .leroy-description{ width: 100%; display: inline-block; text-align: left; margin-bottom: 3rem;}
.default45 .leroy-description p{ width: 100%; display: inline-block; font-size: 15px; color: #ffffff; font-weight: 300; line-height: 3rem;}



@media screen and (min-width:901px) and (max-width:1024px){


}

@media screen and (min-width:768px) and (max-width:900px){


}

@media screen and (min-width:601px) and (max-width:767px){
  .default45 .leroy-main h3 {font-size: 26px; line-height: 40px;}
  .default45 .leroy-subtitle {text-align: center; font-size: 28px; line-height: 40px;}
  .default45 .type-label {text-align: center;}
  .default45 .leroy-img {margin: 4rem 0;}
  .default45 .leroy-description p {text-align: center;}
}

@media screen and (min-width:481px) and (max-width:600px){
  .default45 .leroy-main h3 {font-size: 28px; line-height: 40px;}
  .default45 .leroy-subtitle {text-align: center; font-size: 26px; line-height: 40px;}
  .default45 .type-label {text-align: center;}
  .default45 .leroy-img {margin: 4rem 0;}
  .default45 .leroy-description p {text-align: center;}
}

@media screen and (max-width: 480px){
  .default45 .leroy-main h3 {font-size: 26px; line-height: 40px;}
  .default45 .leroy-subtitle {text-align: center; font-size: 26px; line-height: 40px;}
  .default45 .type-label {text-align: center;}
  .default45 .leroy-img {margin: 4rem 0;}
  .default45 .leroy-description p {text-align: center;}
}