.custombanner{
    margin-top:3rem;
    margin-bottom:4rem
}
.custombanner a{
    display:flex;
    flex-wrap:wrap;
    padding:.5rem
}
.custombanner h3{
    font-weight:600;
    font-size:1rem;
    margin-bottom:.5rem;
    text-transform:uppercase
}
.custombanner h4,.custombanner p{
    font-size:.875rem
}
.custombanner img{
    width:auto;
    max-height: 10rem;
    margin-bottom: -3.5rem;
}
.custombanner .footer,.custombanner .header,.custombanner .image{
    text-align:center;
    flex:0 1 auto;
    width:50%
}
.custombanner .btn{
    margin-left:auto;
    margin-right:auto;
    text-transform:uppercase;
    padding:.5rem 1rem;
    font-size:.75rem;
    font-weight:600
}
@media only screen and (min-width:40rem){
	.custombanner{
	    margin-top:6rem;
	    margin-bottom:6rem
	}
    .custombanner img{
        margin-top: -5rem;
		margin-bottom: -5rem;
		max-height: 16rem;
    }
}
@media only screen and (min-width:48rem){
    .custombanner a{
        padding-let:1rem;
        padding-right:1rem
    }
    .custombanner h3{
        font-size:1.5rem
    }
}
.custombanner--default h3{
    margin-bottom:0
}
.custombanner--default a{
    align-items:center
}
.custombanner--default .image+.footer{
    display:none
}
@media only screen and (min-width:40rem){
    .custombanner--default a{
        justify-content:space-between
    }
    .custombanner--default h3{
        margin-bottom:0;
        padding-right:1rem
    }
    .custombanner--default .footer,.custombanner--default .header,.custombanner--default .image{
        width:auto
    }
    .custombanner--default .header{
        text-align:left
    }
    .custombanner--default .image+.footer{
        display:block
    }
}
@media only screen and (min-width:64rem){
    .custombanner--default .header{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:center
    }
}
.custombanner--product .header{
    padding-right:.25rem
}
.custombanner--product .footer{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:space-between
}
.custombanner--product .reference{
    margin-bottom:.5rem;
    font-size:.75rem
}
.custombanner--product .price{
    font-weight:600;
    font-size:1.25rem
}
.custombanner--product .discount{
    display:block;
    text-decoration:line-through;
    font-size:.5rem;
    opacity:.7
}
.custombanner--product .btn{
    margin-top:.5rem
}
@media only screen and (min-width:40rem){
    .custombanner--product .header{
        display:flex;
        justify-content:space-between;
        align-items:center
    }
    .custombanner--product h3{
        width:auto;
        margin-bottom:0
    }
}
@media only screen and (min-width:64rem){
    .custombanner--product .footer{
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
    .custombanner--product .discount{
        display:inline
    }
}