body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

footer {
    margin-bottom: 0;
    margin-top: auto;
}

footer a:hover {
    text-decoration: none;
    color: inherit;
}

#forwho, #what, #modules, #requirements, #contact {
    border-top: 1px solid grey;
}

#navbar-brand-title {
    font-size: 25px;
    padding-left: 15px;
    font-weight: 400;
}

#sg-menu-mobile {
    width: 100%;
}

.sg-menu {
    background-color: white!important;
    box-shadow: 0 1px 1px grey;
    line-height: 50px;
}

.sg-menu .navbar-collapse {
    flex-grow: 0;
}

.sg-menu ul a {
    padding: 0 15px;
    font-size: 14.5px;
}

.sg-menu ul a:hover {
    text-decoration: underline;
}

.sg-menu a {
    color: #2980b9!important;
}

.sg-menu .navbar-brand {
    color: #232323;
}

.brand-logo {
    width: 13%;
    border-radius: 25px;
}

.sg-blue {
    background-color: #459ad1;
    color: white;
}

.sg-grey {
    background-color: #eeeeee !important;
}

.sg-blue-tekst {
    color: #1b7ab7 !important;
    font-weight: 400;
}

.sg-white-tekst {
    color: white;
}

.sg-grey-tekst {
    color: #34495e;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

#about .parallax-window{
    margin-top: 30px;
    margin-bottom: 30px;
}

.banner {
    background-image: url("../img/temp_banner4.jpg");
    background-size: cover;
    background-position: center center ;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 600px;
    box-shadow: 0 1px 1px grey;
}

.img-small {
    width: 60%;
    margin-bottom: 15px;
}

.offer-tekst-right {
    text-align: right;
    padding-right: 195px;
}

.back-home {
    background-color: #459ad1;
    position: fixed;
    bottom: 30px;
    right: 15px;
    display: none;
    width: 50px;
    height: 50px;
    padding-left: 19px;
    padding-top: 10px;
    border-radius: 25px;
    z-index: 1000;
    box-shadow: 0 1px 10px black;
    cursor: pointer;
}

.back-home:hover {
    background-color: #047fce;
}

.back-home-btn {
    color: white;
}

.info-blok {
    font-size: 14px;
    padding: 15px 0;
}

.offer-img {
    width: 80%;
}

.offer-blok {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

.about-blok {
    padding-top: 20px;
    padding-bottom: 20px;
}

.req-blok {
    padding: 30px;
}

.contact-blok {
    padding-top: 20px;
    padding-bottom: 20px;
}

.module-blok {
    padding-top: 20px;
    padding-bottom: 20px;
}

.about-blok p{
    padding: 5px;
}

.who-blok {
    padding-top: 20px;
    padding-bottom: 20px;
}

.requirement-list {
    list-style: none;
    padding-left: 0;
}

.btn-primary {
    background-color: #047fce;
}

.btn-primary:hover {
    background-color: #047fce;
}

.contact-captcha {
    display: block;
    margin: 0 auto;
    width: 30%;
    padding-top: 5px;
    padding-bottom: 15px;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .control-label, .has-error #email_feedback, .has-error #message_feedback {
    color: #a94442;
}

.successmessage, .errormessage {
    display: none;
}

.errormessage ul {
    list-style: none;
    padding-left: 1px;
}

.footer-blok {
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 15px;
}

.footer-copyright {
    font-size: 15px;
}

.footer-blok ul {
    padding-left: 0px;
    list-style: none;
}

.footer-blok a {
    color: #047fce;
}

.footer-blok a:hover {
    color: #047fce;
}

.card {
    box-shadow: 1px 1px 5px grey;
}

.strong {
    font-weight: 500;
}

.social-links {
    text-align: right;
    float: right;
}

.spacing {
    margin-top: 100px;
    margin-bottom: 30px;
}

.module-table-blok {
    padding-top: 60px;
    padding-bottom: 20px;
}

#module_price {
    font-style: italic;
}

#login_pass_toggle{
    cursor: pointer;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #047fce;
}

.nav-li-active {
    background-color: #047fce;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .control-label, .has-error #email_feedback, .has-error #message_feedback {
    color: #a94442;
}

.has-error .help-block, .has-error .form-control-feedback {
    color: #a94442;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .control-label {
    color: #3c763d;
}

.card-success {
    background-color: #64db6a !important;
}

.sign_up {
    float: left;
}

.forget_password {
    float: right;
}

.card-width {
    width: 50% !important;
}

.login_pass_toggler {
    cursor: pointer;
}

@media screen and (max-width: 1265px){
    .social-links {
        text-align: center;
        float: left;
    }
}

@media screen and (max-width: 1199px){
    .offer-tekst-right {
        padding-right: 137px;
    }

    .contact-captcha {
        width: 35%;
    }


    #navbar-brand-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px){
    .sg-menu {
        line-height: 1.5;
    }

    .contact-captcha {
        width: 45%;
    }

    .offer-img {
        width: 100%;
    }

    .brand-logo {
        width: 10%;
    }

}

@media screen and (max-width: 960px){
    .brand-logo {
        width: 10%;
    }
}

@media screen and (max-width: 767px){
    #navbar-brand-title {
        display: none;
    }

    .brand-logo {
        width: 19%;
    }

    .back-home {
        right: 8px;
        bottom: 20px;
        width: 55px;
        height: 55px;
        padding-left: 22px;
        padding-top: 14px;
    }

    .who-image {
        text-align: center;
    }

    .offer-img {
        width: 70%;
    }

    .contact-captcha {
        width: 65%;
    }

    .req-card {
        margin-bottom: 15px;
    }

    .social-links {
        float: left;
        text-align: left;
    }

    .login_captcha {
        transform:scale(0.7);
        transform-origin:0 0;
    }

    .card-width {
        width: 75% !important;
    }

    .forget_password {
        float: left;
    }
}

@media screen and (max-width: 700px){
    .content-blok {
        margin-top: 80px;
    }
    .intro-banner {
        display: none;
    }
}


@media screen and (max-width: 450px){
    .contact-captcha {
        width: 85%;
    }
}

@media screen and (max-width: 420px){
    .navbar-brand {
        width: 70%;
    }

    .brand-logo {
        width: 20%;
    }

    .content-blok {
        margin-top: 75px;
    }
}

@media screen and (max-width: 405px){
    .contact-captcha {
        width: 100%;
    }
}

@media screen and (max-width: 380px){
    .contact-captcha, .buy_captcha, .reset_captcha {
        transform:scale(0.8);
        transform-origin:0 0;
    }

    .content-blok {
        margin-top: 60px;
    }

    .card-width {
        width: 90% !important;
    }
}