/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .login-header h1 {
        font-weight: 500;
        font-size: 16px;
    }

    .login-header p {
        font-weight: normal;
        font-size: 15px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    body {
        background: linear-gradient(20deg, #FFFFFF 70%, rgba(255, 255, 255, 0)), url(../../img/login/background.png);
        background-color: #95c11f;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .laptop {
        max-width: 300px;
        width: 90%;
    }

    .login-header h1 {
        font-weight: 500;
        font-size: 20px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}