/* Large Devices, Wide Screens */

@media (min-width: 1200px) {

}

/* Medium Devices, Desktops */

@media (min-width: 992px) {

    /*login*/

    .login-text {
        font-size: 18px;
    }

        #forgotten-password {
        margin-left:100px; 
    }

    /*header*/

    /*navbar*/

    .navbar {
        font-size: 16px !important;
    }

    .main-link {
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* Small Devices, Tablets */

@media (min-width: 768px) {

    /*login*/

    .login-text {
        font-size: 17px;
    }

    /*header*/

    .happy-birthday {
        margin-bottom:15px!important; 
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    /*login*/

    .login-panel {
        margin-top: 0px;
    }

        .login-panel img {
            max-height: 90px;
        }

    .login-text {
        font-size: 17px;
    }

    #login-password,
    #login-button,
    #forgot-password-button {
        margin-top: 0px !important;
    }

    .login-data {
        margin-top: 10px;
    }

    /*errors*/

    .not-found img {
        margin: 0px auto;
        max-height: 90px;
    }

    .not-found-panel h2,
    .not-found-panel p {
        font-size: 18px;
    }


    /*header*/

    .top-logo img {
        margin: 0px auto;
        max-height: 100px;
    }

    #dashboard-panel {
        margin-top: 15px !important;
    }

    .happy-birthday {
        margin-top:5px; 
        font-size:15px; 
        text-align:center; 
    }

    .happy-birthday img {
        max-width:280px; 
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

    /*header*/

    .login-text {
        font-size: 15px;
    }
}