html {
    font-size: 14px;
    position: relative;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
        font-family: 'Teodor Light'
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
/*
html {
    position: relative;
    min-height: 100%;
}*/

body {
    /*margin-bottom: 60px;*/
    font-family: 'Teodor Light';
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
}



@font-face {
    font-family: 'HafferSQ Light';
    src: url('../fonts/HafferSQ-Light.ttf');

}

@font-face {
    font-family: 'Teodor Light';
    src: url('../fonts/Teodor-Light.ttf');

}


* {
    touch-action: manipulation;
}


* {
    box-sizing: border-box;
    width: 100%;
}