/** Shopify CDN: Minification failed

Line 100:18 Unexpected "*"

**/
/* =========================================
MR BUTLER HERO
========================================= */

.banner__heading--mr-butler{
color:#062B63;
font-weight:800 !important;
text-transform:uppercase;
letter-spacing:-2px;
line-height:.92 !important;
max-width:700px;
}

.banner__heading--mr-butler strong{
display:block;
color:#F26A21;
margin-top:1rem;
}

.banner__heading--mr-butler.h0{
font-size:clamp(4.8rem,5vw,7rem);
}

.banner__heading--mr-butler.h1{
font-size:clamp(4.5rem,5vw,6.5rem);
}

.mr-butler-brush{
width:180px;
margin:2rem 0;
}

.mr-butler-brush svg{
display:block;
width:100%;
height:auto;
}

.banner__box{
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
max-width:560px !important;
}

.banner__content{
justify-content:flex-start !important;
}

.banner__text{
max-width:520px;
font-size:1.1rem;
line-height:1.8;
}

.banner__buttons{
margin-top:2rem;
}

.banner .button{
min-width:220px;
min-height:58px;
font-weight:700;
}

.banner .button--primary{
background:#F26A21;
border-color:#F26A21;
}

.banner .button--secondary{
border:2px solid #062B63;
color:#062B63;
}

.banner--large:not(.banner--adapt){
min-height:760px;
}

@media screen and (max-width:749px){

.banner__heading--mr-butler.h0,
.banner__heading--mr-butler.h1{
font-size:clamp(3rem,8vw,4.5rem);
}

.mr-butler-brush{
margin-left:auto;
margin-right:auto;
}
}
/* HERO LAYOUT */

#Banner-template--* .banner__content,
.banner__content {
  justify-content: flex-start !important;
}

.banner__box {
  position: relative;
  z-index: 20;
  max-width: 520px !important;
  margin-left: 0 !important;
}

/* Push image further right */

.banner__media img {
  object-position: right center !important;
}

/* Create empty area on left */

.banner__content {
  padding-left: 7rem !important;
}

.banner__heading--mr-butler {
  position: relative;
  z-index: 30;
}