/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 8, 2022 */


@font-face {
    font-family: 'knockout29_junior_liteweight';
    src: url('knockout-29-webfont.woff2') format('woff2'),
    url('knockout-29-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'knockout30juniorwelterweight';
    src: url('knockout-30-webfont.woff2') format('woff2'),
    url('knockout-30-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'knockout31juniormiddleweight';
    src: url('knockout-31-webfont.woff2') format('woff2'),
    url('knockout-31-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'knockout50_welterweight';
    src: url('knockout-50-webfont.woff2') format('woff2'),
    url('knockout-50-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'knockout70_full_welterweight';
    src: url('knockout-70-webfont.woff2') format('woff2'),
    url('knockout-70-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'minion_proregular';
    src: url('minionpro-regular-webfont.woff2') format('woff2'),
    url('minionpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* GLOBAL STYLES */

/* Set default transition time to 0s */
* {
    transition:0s;
}

/* Hide element click outline */
:focus {
    outline:none;
}

/* RESET STYLES */

/* Set page height to 100% of viewport height */
html {
    height:100%;
}

/* Remove body padding and margins */
body {
    padding:0px;
    margin:0px;
}

/* RESPONSIVE STYLES */

/* Screens narrower than 360px */
@media only screen and (max-width:359px) {

    .voucher-screen {
        background: url("/images/mobile-Ntate stand alone.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    body {
        background: url("/images/mobile-Ntate with Rekaofela wording.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    .center {
        position: relative;
        top: 42vh;
        /* top: -50%; */
    }
    .input-label{
        margin-top: 10px
    }
    .kfc-title{
        top: 4vh;
        position: relative;
    }
    .knockout-50-62pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 15pt;
        color: white;
        text-transform: uppercase;
    }

    .knockout-50-50pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 14pt;
        text-transform: uppercase !important;
        color: white;
    }

    .knockout-70-100pt {
        font-family: 'knockout70_full_welterweight', serif;
        font-size: 21pt;
        color: #E4002B;
        text-transform: uppercase
    }
    .knockout-30-63pt {
        font-family: 'knockout30juniorwelterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }
}

/* Screens between 360px and 575px */
@media only screen and (max-width:575px) and (min-width:360px) {
    .voucher-screen {
        background: url("/images/mobile-Ntate stand alone.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    body {
        background: url("/images/mobile-Ntate with Rekaofela wording.png")  0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    .center {
        position: relative;
        top: 45vh;
        /* top: -50%; */
    }
    .input-label{
        margin-top: 10px
    }
    .kfc-title{
        top: 6vh;
        position: relative;
    }
    .knockout-50-62pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }

    .knockout-50-50pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 16pt;
        text-transform: uppercase !important;
        color: white;
    }

    .knockout-70-100pt {
        font-family: 'knockout70_full_welterweight', serif;
        font-size: 28pt;
        color: #E4002B;
        text-transform: uppercase
    }
    .knockout-30-63pt {
        font-family: 'knockout30juniorwelterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }
}

/* Screens between 576px and 899px */
@media only screen and (max-width:899px) and (min-width:576px) {
    .voucher-screen {
        background: url("/images/mobile-Ntate stand alone.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    body {
        background: url("/images/mobile-Ntate with Rekaofela wording.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    .center {
        position: relative;
        top: 60vh;
        /* top: -50%; */
    }
    .input-label{
        margin-top: 10px
    }
    .kfc-title{
        top: 5vh;
        position: relative;
    }
    .knockout-50-62pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 35pt;
        color: white;
        text-transform: uppercase;
    }

    .knockout-50-50pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 16pt;
        text-transform: uppercase !important;
        color: white;
    }

    .knockout-70-100pt {
        font-family: 'knockout70_full_welterweight', serif;
        font-size: 50pt;
        color: #E4002B;
        text-transform: uppercase
    }
    .knockout-30-63pt {
        font-family: 'knockout30juniorwelterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }
}

/* Screens between 900px and 1249px */
@media only screen and (max-width:1249px) and (min-width:900px) {
    .voucher-screen {
        background: url("/images/mobile-Ntate stand alone.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    body {
        background: url("/images/mobile-Ntate with Rekaofela wording.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    .center {
        position: relative;
        top: 54vh;
        /* top: -50%; */
    }
    .input-label{
        margin-top: 10px
    }
    .kfc-title{
        top: 5vh;
        position: relative;
    }
    .knockout-50-62pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 39pt;
        color: white;
        text-transform: uppercase;
    }

    .knockout-50-50pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 31pt;
        text-transform: uppercase !important;
        color: white;
    }

    .knockout-70-100pt {
        font-family: 'knockout70_full_welterweight', serif;
        font-size: 56pt;
        color: #E4002B;
        text-transform: uppercase
    }
    .knockout-30-63pt {
        font-family: 'knockout30juniorwelterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }
}

/* Screens between 1250px and 1649px */
@media only screen and (max-width:1649px) and (min-width:1250px) {
    .voucher-screen {
        background: url("/images/mobile-Ntate stand alone.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    body {
        background:  url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    .center {
        position: relative;
        top: 14vh;
        /* top: -50%; */
    }
    .input-label{
        margin-top: 10px
    }
    .kfc-title{
        top: 10vh;
        position: relative;
    }
    .knockout-50-62pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 45pt;
        color: white;
        text-transform: uppercase;
    }

    .knockout-50-50pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 31pt;
        text-transform: uppercase !important;
        color: white;
    }

    .knockout-70-100pt {
        font-family: 'knockout70_full_welterweight', serif;
        font-size: 51pt;
        color: #E4002B;
        text-transform: uppercase
    }
    .knockout-30-63pt {
        font-family: 'knockout30juniorwelterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }
}

/* Screens wider than 1650px */
@media only screen and (min-width:1650px) {
    .voucher-screen {
        background: url("/images/mobile-Ntate stand alone.png") 0 50%, url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    body {
        background:  url("/images/mobile-background2.jpg") center;
        background-size: cover;
    }
    .center {
        position: relative;
        top: 19vh;
        /* top: -50%; */
    }
    .input-label{
        margin-top: 10px
    }
    .kfc-title{
        top: 10vh;
        position: relative;
    }
    .knockout-50-62pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 39pt;
        color: white;
        text-transform: uppercase;
    }

    .knockout-50-50pt {
        font-family: 'knockout50_welterweight', serif;
        font-size: 31pt;
        text-transform: uppercase !important;
        color: white;
    }

    .knockout-70-100pt {
        font-family: 'knockout70_full_welterweight', serif;
        font-size: 56pt;
        color: #E4002B;
        text-transform: uppercase
    }
    .knockout-30-63pt {
        font-family: 'knockout30juniorwelterweight', serif;
        font-size: 17pt;
        color: white;
        text-transform: uppercase;
    }
}