@font-face {
    font-family: 'BelyDisplay';
    src: url('../fonts/BelyDisplayRegular.ttf');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'BrandonRegular';
    src: url('../fonts/BrandonText-Regular.woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'BrandonBold';
    src: url('../fonts/BrandonText-Bold.woff');
    font-weight: 500;
    font-style: normal
}

body {
    font-family: 'BrandonRegular' !important;
    color: #000000;
    font-weight: 400;
    position: relative;
    height: 100vh;
}

.mgz-element-heading-text {
    font-family: 'BelyDisplay';
    font-weight: 400;
}

.footer .widget-title {
    font-family: 'BrandonRegular';
    font-weight: 400;
}

.mgz-element-slider .slide-heading h1 {
    font-family: 'BelyDisplay';
    margin-bottom: 30px;
    max-width: 700px;
    text-align: center;
}

.mgz-block-heading .title {
    font-family: 'BrandonRegular';
}

@media only screen and (min-width: 768px) {
    .mgz-block-heading .title {
        font-size: 42px;
    }
    .footer .widget-title {
        font-size: 24px;
    }
    .product-item-name a {
        font-size: 20px;
    }
    .mgz-element-slider .slide-heading h1 {
        margin-bottom: 50px;
    }
    .product-info-main .page-title-wrapper h1 {
        font-size: 38px;
        color: #333;
        font-weight: 500;
        margin-top: 10px;
    }
    .product-info-main .price-box .price {
        font-size: 38px;
        font-weight: 400;
        color: #333;
    }
}