@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@400;600;900&display=swap');

body {
    background-color: #F3F9FC;
    font-family: Roboto, 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	
}

header {
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: white;
}

header .kt-login__logo img {
    max-height: 60px;
}

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

.custom-control.custom-checkbox-lg {
    min-height: 3rem;
    padding-left: 3rem;
}

.custom-checkbox-lg .custom-control-label:before {
    top: 0.25rem;
    left: -3rem;
    display: block;
    width: 2rem;
    height: 2rem;
}

.custom-checkbox-lg .custom-control-label:after {
    top: 0.25rem;
    left: -3rem;
    width: 2rem;
    height: 2rem;
}

.btn-info {
    background-color: #45B6EF;
    border-color: #45B6EF;
    color: white;
}

div.content {

}

div.content > div {
    display: flex;
    align-items: center;
    padding: 2rem 15px;
    min-height: calc(100vh - 152px);
}

.login-form {
    margin: auto;
    max-width: 671px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #2B86A333;
    background-color: white;
    padding: 3rem 1.5rem;
}
.registration-helper{
    padding: 3rem 1.5rem;
    font-size: 1.08rem;
}
.registration-helper h2{
    font-size: 1.5rem;
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 600;
}
.btn-lg {
    font-size: 1.5rem;
    padding-top: 0.675rem;
    padding-bottom: 0.675rem;
}

.login-form .form-group label, .login-form .form-control {
    font-size: 1.23rem;
}

.login-form .form-group .custom-checkbox label {
    font-size: 1.08rem;
}

.login-form .kt-login__extra {
    font-size: 1.08rem;
    font-weight: 500;
}

.form-heading-title {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 900;
    font-size: 1.8rem;
    color: #161616;

}

footer {
    background: #00344F;
    color: white;
    padding: 1.35rem 0px;
}

footer ul {
    margin: 0px;
}

footer ul li {
    padding: 1rem 1rem 1rem 0;
    display: block;
}

footer a {
    color: white;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}

@media (min-width: 768px) {

    .btn-lg {
        font-size: 1.5rem;
    }

    .login-form .form-group label, .login-form .form-control {
        font-size: 1.5rem;
    }

    .login-form .form-group .custom-checkbox label {
        font-size: 1.23rem;
    }

    .login-form .kt-login__extra {
        font-size: 1.08rem;
    }
    .form-heading-title {
        font-size: 2.4rem;
    }

    .login-form {
        padding: 2rem 8rem;
    }

    .login-form .kt-login__extra {
        margin-right: -4rem;
    }
}

/* REGISTRATION */
.registration-form {

}

@media (min-width: 768px) {
    .login-form.registration-form, .registration-helper {
        padding: 2rem;
        max-width: none;
    }
    .registration-helper{
        font-size: 1.38rem;
    }
    .registration-helper h2{
        font-size: 2.15rem;}
}