@font-face {
    font-family: "kh-font";
    src: url("/fonts/cg.eot");
    src: url("/fonts/cg.eot") format('embedded-opentype'), 
        url("/fonts/cg.woff") format("woff"), 
        url("/fonts/cg.ttf") format("truetype"), 
        url("/fonts/cg.svg") format("svg"), 
        url("/fonts/cg.otf") format("opentype");
}

body {
    background: #222;
    font-family: "kh-font", "Calibri Light", Arial, sans-serif !important;
}

.k-container {
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    height: 100%;
    position: relative;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.k-content.centered {
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


.ui.form {
    min-width: 330px;
}

input {
    border-radius: 2rem!important;
}

.ui.button {
    font-family: "kh-font", "Calibri Light", Arial, sans-serif !important;
    border-radius: 2rem !important;
}
.ui.button.labeled {
    font-weight: normal;
}

.ui.header,
input {
    font-family: "kh-font", "Calibri Light", Arial, sans-serif !important;
}

@media screen and (max-width: 767px) {

}