#loginPageMainDiv{
       display: flex;
       justify-content: center;
       align-items: center;
       flex-wrap: wrap;
       width: 100%;
       height: calc(94vh - 45px);
       padding-top: 100px;
}

#leftInfoDiv{
    width: 600px;
    text-align: center;
}
#rightInfoDiv{
    width: 400px;
    display: flex;
    justify-content: center;
}


/* Styles for Tablets */
@media (max-width: 1024px) and (min-width: 840px) {
    .container {
        width: 90%;
    }

    #loginPageMainDiv{
           height: calc(94vh - 45px);
    }

    .header {
        font-size: 18px;
    }
    #leftInfoDiv{
        width: 420px;
        text-align: center;
    }
    #rightInfoDiv{
        width: 420px;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 840px) {
 #loginPageMainDiv{
           height: calc(116vh - 45px);
           padding-top: 10px;
    }
    #rightInfoDiv{
        width: 80%;
    }
}

/* Styles for Mobile Phones */
@media (max-width: 768px) {

 #loginPageMainDiv{
           flex-direction: column;
           height: calc(116vh - 45px);
           padding-top: 10px;
    }

    body {
        font-size: 14px;
    }

    .container {
        width: 100%;
    }

    .header {
        font-size: 16px;
        text-align: center;
    }

    .nav {
        display: block;
        text-align: center;
    }

    .nav a {
        display: block;
        margin: 10px 0;
    }

    #leftInfoDiv{
        width: 410px;
        text-align: center;
    }

    #rightInfoDiv{
       width: 80%;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 580px) {


    #loginPageMainDiv{
           height: calc(116vh - 45px);
           padding-top: 10px;
    }

}


/* Styles for Extra Small Screens */
@media (max-width: 480px) {
    body {
        font-size: 12px;
    }

    #loginPageMainDiv{
           height: calc(96vh - 45px);
           padding-top: 10px;
    }

    .header {
        font-size: 14px;
    }

    #leftInfoDiv{
        width: 400px;
        text-align: center;
    }
    #rightInfoDiv{
        width: 400px;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 400px) {

 #loginPageMainDiv{
      height: calc(125vh - 45px);
      padding-top: 10px;
    }

}