@media only screen and (max-width : 1400px) {
    .login-heading {
        font-size: 30px;
    }

    h2 {
        font-size: 23px;
    }
    img.logo {
        width: 200px;
        margin-bottom: 0;
    }

    .contactblok {
        background-color: #F5F5F5;
        padding: 20px 10px;
        margin-top: 20px;
    }

    button.btn.btn-primary {
        background: #00bad9;
        border: none;
        padding: 15px 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 5px;
        font-size: 13px;
    }

}

@media only screen and (max-width : 979px) {
    }

@media only screen and (max-width : 767px) {

    p {
        color: #221E1F;
        font-size: 17px;
        line-height: 25px;
    }

    .login {
        min-height: 100vh;
        background-image: url("../img/bg.jpg");
        background-position: center;
        background-size: cover;
        width: 100%;
    }

    .blokwit {
        background: #fff;
        padding: 50px 20px;
        width: 375px;
        margin-left: auto;
        margin-right: auto;
    }

    .login-heading {
        font-size: 20px;
    }

}

@media only screen and (max-width : 480px) {}