.centerMe {
    display: flex;
    justify-content: center;
    height: calc(100vh - 123px);
    flex-wrap: nowrap;
}

    .centerMe * {
    }

body {
    background-repeat: no-repeat;
    background-color: #f0f1f2;
}

.nav-link {
    font-weight: bold;
}

#footer {
    align-self: flex-end;
    width: 100%;
    height: 60px; /* Height of the footer */
    background: #11247a;
   
}

.main {
    width: 90%;
    padding: 6% 6%;
    position: absolute;
    top: 170px;
    right:8%;
}

#login-error {
    font-size: x-small;
    padding: 0.1em;
    background-color: darkred;
    color: white;
}
/*For tablet and pc */
@media (min-width : 768px ) {
    .main {
        width: 25%;
        padding: 2% 1%;
    }
}

/*For tablet and pc */

@media (min-width : 1024px) {
    #login {
        margin: 8%;
    }

    #login-error {
        font-size: small;
    }
}

.LIBbannercontbox {
    width: 60%;
    float: left;
    position: absolute;
    top: 90px;
   
}

.LIBbannercontbox p {
    margin: 0 0 5px;
    font-size: 25px;
    color:#11247a;
    text-align:center;
    margin-top:220px;
    color:#11247a;
}

.LIBbannercontbox h2{
     font-size: 30px;
    line-height: 25px;
    color:#11247a;
    text-align: center;
    font-weight: bold;
 }

  .LIBbannercontbox h1{
      font-size: 30px;
    line-height: 35px;
    color:#11247a;
    text-align: center;
    font-weight: bold;
 }
  /*for tablet and pc*/
    @media(max-width:1199px) {
.LIBbannercontbox p {
    font-size: 15px;
   margin-top:430px;
   line-height: 22px;
   margin-right: -167px
  }
}
  @media(max-width:1199px) {
.LIBbannercontbox h2 {
    font-size: 15px;
    line-height: 22px;
    margin-right: -167px;
  
  
     
  }
}

   @media(max-width:1199px) {
.LIBbannercontbox h1 {
    font-size: 15px;
    line-height: 22px; 
    margin-right: -167px
  }



}
   
 
@media (max-width : 1199px) {
    .img-responsive {
        height:auto;
    }
}
   .img-responsive {
    height:547px;
  }