body {
    font-family: 'Sora', sans-serif!important;
}


h1, h2 {
    font-family: 'Sora', sans-serif;
    font-weight: 600; /* for eksempel */
}

#appBox{
    padding-top:10px;
}
.form-logo{
    height:90px;
}

@media (max-width: 768px) {

    #appBox {
        padding-top: 0px;
    }
    .form-logo {
        height: 35px;
    }

}

    .btn-success {
        background-color: #468E98 !important;
        border-color: #468E98 !important;
        color: #ffffff !important;
    }

        /* Use the darker green for hover from your palette */
        .btn-success:hover,
        .btn-success:focus,
        .btn-success:active {
            background-color: #2D7F8A !important;
            border-color: #2D7F8A !important;
            color: #ffffff !important;
        }


    .steps {
        font-family: 'Sora', sans-serif !important;
    }

     .steps .steps-container li.activated .step .step-description p  {
            background-color: #ed320f!important;
            color: white;
        }
        .steps .steps-container li.activated .step .step-image span {
            background-color: #2a323f;
        }

            .steps .steps-container li.activated .step .step-image span:after {
                background-color: #ed320f !important;
            }
            @media (max-width: 600px) {
                .steps .steps-container :not(li.activated) .step .step-description p {
                    display: none;
                }
            }

    .footer {
        background-color: #f2f3f5 !important;
        border-top: #f2f3f5 !important;
    }

    .yearFooter {
        color: black;
    }
.link-text-footer {
    color: #ed320f !important;
    font-weight: bold;
}


@media (max-width: 600px) {

    .steps {
        margin-top: 10px!important;
    }
}