/*md*/
@media (min-width: 768px){
/*.container{width:750px}*/
.half-bleed .boxed-45 {width: calc(750px * 0.45)}
.half-bleed .bleed-45 {width: calc(100vw * 0.45)}
.half-bleed .boxed-50 {width: calc(750px / 2)}
 .half-bleed .boxed.left {margin-left: calc((100VW - 750px) / 2)}
.half-bleed .bleed-50 {width: calc(100vw / 2)}
.half-bleed .boxed-55 {width: calc(750px * 0.55)}
.half-bleed .bleed-55 {width: calc(100vw * 0.55)}
.half-bleed .boxed-65 {width: calc(750px * 0.65)}
.half-bleed .bleed-65 {width: calc(100vw * 0.65)}
.MT_2x-md{margin-top:-2em}

.bg-flowers.bg-branch{
background-position: calc(100% + 10px) 15%, 100% 5%;
background-size: auto 50%, auto 95%;}

.bg-flowers-invert.bg-branch-invert{
background-position: -10px 10%, 0 5%;
background-size: auto 35%, auto 95%;}
}

/*lg*/
@media (min-width: 992px){
.bg-flowers.bg-branch{
background-position: calc(100% + 10px) 50%, 100% 5%;
background-size: auto 75%, auto 95%;
background-repeat: no-repeat, no-repeat;}

.bg-flowers-invert.bg-branch-invert{
background-position: -10px 50%, 0 5%;
background-size: auto 75%, auto 95%;
background-repeat: no-repeat, no-repeat;}

/*.container{width:970px}*/
.half-bleed .boxed-45 {width: calc(970px * 0.45)}
.half-bleed .bleed-45 {width: calc(100vw * 0.45)}
.half-bleed .boxed-50 {width: calc(970px / 2)}
 .half-bleed .boxed.left {margin-left: calc((100VW - 970px) / 2)}
.half-bleed .bleed-50 {width: calc(100vw / 2)}
.half-bleed .boxed-55 {width: calc(970px * 0.55)}
.half-bleed .bleed-55 {width: calc(100vw * 0.55)}
.half-bleed .boxed-65 {width: calc(970px * 0.65)}
.half-bleed .bleed-65 {width: calc(100vw * 0.65)}
}

/*xl*/
@media (min-width: 1200px){
/*.container{width:1170px}*/
.half-bleed .boxed-45 {width: calc(1170px * 0.45)}
.half-bleed .bleed-45 {width: calc(100vw * 0.45)}
.half-bleed .boxed-50 {width: calc(1170px / 2)}
 .half-bleed .boxed.left {margin-left: calc((100VW - 1170px) / 2)}
.half-bleed .bleed-50 {width: calc(100vw / 2)}
.half-bleed .boxed-55 {width: calc(1170px * 0.55)}
.half-bleed .bleed-55 {width: calc(100vw * 0.55)}
.half-bleed .boxed-65 {width: calc(1170px * 0.65)}
.half-bleed .bleed-65 {width: calc(100vw * 0.65)}
}

/*xxl*/
@media (min-width: 1400px){
/*.container{width:1370px}*/
.half-bleed .boxed-45 {width: calc(1370px * 0.45)}
.half-bleed .bleed-45 {width: calc(100vw * 0.45)}
.half-bleed .boxed-50 {width: calc(1370px / 2)}
 .half-bleed .boxed.left {margin-left: calc((100VW - 1370px) / 2)}
.half-bleed .bleed-50 {width: calc(100vw / 2)}
.half-bleed .boxed-55 {width: calc(1370px * 0.55)}
.half-bleed .bleed-55 {width: calc(100vw * 0.55)}
.half-bleed .boxed-65 {width: calc(1370px * 0.65)}
.half-bleed .bleed-65 {width: calc(100vw * 0.65)}
}

/*sm*/
@media (max-width: 767px){
.half-bleed .boxed.left{margin-left:0}
.half-bleed .col{padding-left:1rem;padding-right:1rem}
.half-bleed .boxed-45, .half-bleed .boxed-45, .half-bleed .boxed-50, .half-bleed .bleed-50, .half-bleed .boxed-55, .half-bleed .bleed-55, .half-bleed .boxed-65, .half-bleed .bleed-65{width:100%}
.bg-flowers.bg-branch{
background-position: calc(100% + 10px) 15%, 100% 5%;
background-size: auto 30%, auto 95%;}

.bg-flowers-invert.bg-branch-invert{
background-position: -10px 10%, 0 5%;
background-size: auto 25%, auto 95%;}
}

/*xs*/
@media (max-width: 500px){
.bg-flowers.bg-branch{
background-position: calc(100% + 10px) 10%, 100% 5%;
background-size: auto 20%, auto 95%;}

.bg-flowers-invert.bg-branch-invert{
background-position: -10px 5%, 0 5%;
background-size: auto 15%, auto 95%;}
}

/*xxs*/
/* @media (max-width: 349px){}*/