@font-face {
    font-family: 'Rama Gothic M';
    src: url('../fonts/Rama_Gothic_M_Bold.woff2') format('woff2'),
        url('../fonts/Rama_Gothic_M_Bold.woff') format('woff'),
        url('../fonts/Rama_Gothic_M_Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* xs: phone - portrait */
/* default. no media */

.m6-goldenticket-title {
    font-family: 'Rama Gothic M', sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    font-style: normal;
    color: #000;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;

    /* mask color */
    background: url('../images/_v1_6/m6/orns/bg-title-golden-ticket.png') no-repeat;
    background-size: 100% 100%;
    background-position: center;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.fn-rama {
    font-family: 'Rama Gothic M', sans-serif !important;
}
.m6-subtitle {
    font-family: 'Rama Gothic M', sans-serif;
    background: linear-gradient(88.3deg, #754C36 7.52%, #B68154 51.85%, #754C36 99.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.m6-button {
    background: url('../images/_v1_6/m6/orns/btn-m6.png') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 25px;
    color: white;
}
.m6-button:hover {
    background: url('../images/_v1_6/m6/orns/btn-m6-hover.png') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

/* sm: phone - landscape */
@media (min-width: 576px) {
}

/* md: tablet */
@media (min-width: 768px) {
}

/* lg: desktop */
@media (min-width: 992px) {
    .m6-goldenticket-title {
        font-size: 4rem;
    }
}

/* xl: wide */
@media (min-width: 1200px) {
}

/* super wide */
@media (min-width: 1440px) {
}