@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-ExtraLight.eot');
    src: local('Encode Sans ExtraLight'), local('EncodeSans-ExtraLight'), url('../fonts/EncodeSans-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-ExtraLight.woff2') format('woff2'), url('../fonts/EncodeSans-ExtraLight.woff') format('woff'), url('../fonts/EncodeSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Light.eot');
    src: local('Encode Sans Light'), local('EncodeSans-Light'), url('../fonts/EncodeSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-Light.woff2') format('woff2'), url('../fonts/EncodeSans-Light.woff') format('woff'), url('../fonts/EncodeSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Black.eot');
    src: local('Encode Sans Black'), local('EncodeSans-Black'), url('../fonts/EncodeSans-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-Black.woff2') format('woff2'), url('../fonts/EncodeSans-Black.woff') format('woff'), url('../fonts/EncodeSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Thin.eot');
    src: local('Encode Sans Thin'), local('EncodeSans-Thin'), url('../fonts/EncodeSans-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-Thin.woff2') format('woff2'), url('../fonts/EncodeSans-Thin.woff') format('woff'), url('../fonts/EncodeSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Bold.eot');
    src: local('Encode Sans Bold'), local('EncodeSans-Bold'), url('../fonts/EncodeSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-Bold.woff2') format('woff2'), url('../fonts/EncodeSans-Bold.woff') format('woff'), url('../fonts/EncodeSans-Bold.ttf') format('truetype');
    font-weight: bold; /* Keep 'bold' or use '700' for consistency with numerical weights */
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Regular.eot');
    src: local('Encode Sans Regular'), local('EncodeSans-Regular'), url('../fonts/EncodeSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-Regular.woff2') format('woff2'), url('../fonts/EncodeSans-Regular.woff') format('woff'), url('../fonts/EncodeSans-Regular.ttf') format('truetype');
    font-weight: normal; /* Keep 'normal' or use '400' for consistency with numerical weights */
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-ExtraBold.eot');
    src: local('Encode Sans ExtraBold'), local('EncodeSans-ExtraBold'), url('../fonts/EncodeSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-ExtraBold.woff2') format('woff2'), url('../fonts/EncodeSans-ExtraBold.woff') format('woff'), url('../fonts/EncodeSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-SemiBold.eot');
    src: local('Encode Sans SemiBold'), local('EncodeSans-SemiBold'), url('../fonts/EncodeSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-SemiBold.woff2') format('woff2'), url('../fonts/EncodeSans-SemiBold.woff') format('woff'), url('../fonts/EncodeSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-Medium.eot');
    src: local('Encode Sans Medium'), local('EncodeSans-Medium'), url('../fonts/EncodeSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/EncodeSans-Medium.woff2') format('woff2'), url('../fonts/EncodeSans-Medium.woff') format('woff'), url('../fonts/EncodeSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.btn {
    font-family: 'Encode Sans';
    font-weight: 600;
}

.btn-cuil {
    background-color: #252c4f;
    border-radius: 30px;
    color: white;
    padding: 15px 30px;
}

    .btn-cuil:hover {
        color: white;
        background-color: rgb(23,124,226)
    }

.btn-negative {
    font-family: 'Encode Sans';
    font-weight: normal;
}

span {
    font-family: 'Encode Sans';
    font-weight: normal;
}

label {
    font-family: 'Encode Sans';
    font-weight: 500;
}

.form-control {
    font-family: 'Encode Sans';
    font-weight: normal;
}

.form-check-label {
    font-family: 'Encode Sans';
    font-weight: normal;
}

h2 {
    font-family: 'Encode Sans';
    font-weight: 800;
    font-size: 27px;
    color: #0C1E2B;
}

h3 {
    font-family: 'Encode Sans';
    font-weight: bold;
    font-size: 22px;
    color: #0C1E2B;
}

h4 {
    font-family: 'Encode Sans';
    font-weight: bold;
    font-size: 16px;
    color: #5A5A5A;
}

i {
    font-family: 'Encode Sans';
    font-size: 14px;
    color: #5A5A5A;
}

.alert {
    font-family: 'Encode Sans'
}