@media screen and (min-width: 780px) {
  .login-container {
    width:800px;
  }
}
small{
    color:red;
}
.main-container{
    padding:20px;
}
.login-container {
            /*max-width: 400px;*/
            margin: 50px auto;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            padding: 30px;
        }

        .login-header {
            text-align: center;
            margin-bottom: 20px;
        }

        .login-header h2 {
            color: #142220;
            font-size:larger;
        }

        .form-control {
            /*border-radius: 30px;*/
            /*padding: 12px;*/
            font-size: 1rem;
        }

        .form-group label {
            font-weight: bold;
            color: #142220;
        }

        .submit-btn {
            background-color: #2C3E50 !important;
            color: #fff!important;
            font-size: 1.2rem;
            font-weight: bold;
            border: none;
            /*border-radius: 30px;*/
            width: 100%;
            padding: 12px;
            margin-top: 20px;
            transition: background-color 0.3s ease;
        }

        .submit-btn:hover {
            background-color: #E0A800!important;
        }

        .login-footer {
            text-align: center;
            margin-top: 15px;
        }

        .login-footer a {
            color: #142220;
            text-decoration: none;
        }

        .login-footer a:hover {
            text-decoration: underline;
        }