@font-face {
    font-family: 'ProductFont';
    src: url('../../fonts/subset-FlightcaseOT.eot');
    src: url('../../fonts/subset-FlightcaseOT.eot#iefix') format('embedded-opentype'),
        url('../../fonts/subset-FlightcaseOT.woff') format('woff2'),
        url('../../fonts/subset-FlightcaseOT.woff') format('woff'),
        url('../../fonts/subset-FlightcaseOT.ttf') format('truetype'),
        url('../../fonts/subset-FlightcaseOT.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
}

.productBloc{
    background: #E5D8D0;
    border: 1px solid #C9AF9E;
    padding: 20px;
}

.productBloc__link{
    color: #4B2307 !important;
    display: block;
    text-align: center;
    text-decoration: none;
}

.productBloc__title{
    font-family: 'ProductFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 25px;
    line-height: 1.11em;
    text-align: left;
    text-transform: uppercase;
}

.productBloc__img img{
    display: block;
    margin: auto;
}

.productBloc__cta{
    font-size: 17px;
    letter-spacing: .1em;
    line-height: 1.47em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.productBloc__top{
    margin-bottom: 3rem;
    padding-top: 15px;
}

.productBloc__top svg,
.productBloc__bottom svg{
    display: block;
    margin: auto;
    max-width: 216px;
}

.productBloc__productTitle{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
}