#page-front-body{
  font-family: 'Avenir Next',Sans-Serif;
}


/*#page-front-body .logo-name-slogan{
  display:none;
}*/

#page-front-body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url(images/hub_login_bkg.webp);
    background-position:top left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
}

#page-front-body .row.body-sidebar {
    width: auto;
    display: grid;
    /* flex-grow: 1; */
    justify-content: space-around;
    align-items: center;
    align-content: center;
    justify-items: center;
}

/*#page-front-body .container.container_body {

    background-color: #fff;
    color: #fff;
    width:100%;
    max-width: 1200px;
    margin-top: 0;
    padding-top:60px;
}*/

#page-front-body footer.footer {
    background-color: transparent;
    width: 100%;
    color: #000;
}
#page-front-body footer.footer a,
#page-front-body footer.footer a:visited
 {
    color:#000;
    font-weight: normal;
}

#page-front-body form#user-login-form input#edit-submit {
    background-image: url(images/login_submit_btn.svg);
    background-size: contain;
}
#page-front-body form#user-login-form input#edit-submit:hover {
    background-image: url(images/login_submit_btn_hover.svg);
    cursor: pointer;
}

#page-front-body input#edit-name,
#page-front-body input#edit-pass
{
    width: 280px;
}

#page-front-body  .span12.main-content {
/*     width: 400px; */
/*     margin-top: 80px; */
/*     margin-left: 30px; */
    text-align: left;
/*     padding-top:40px; */
}

#page-front-body div#topheader {
    height: 200px;
    width: 100%;
    margin-left: 0;
}

@media screen and (max-width: 1150px) {
/*  #page-front-body  .span12.main-content {
      width: 400px;
      margin-top: 50vw;
      margin-left:auto;
      margin-right:auto;
      text-align: center;
      background-color:#0c2343;
  }*/
}

#page-front-body div.mainpage {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#page-front-body .span12.main-content {
    color: #fff;
    display: flex !important;
    flex-grow: 1;
    width: 100%;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding-top:20px;
}
.row-fluid {
    display: flex;
    flex-grow: 1;
}
#page-front-body .span12.main-content a {
    color: #fff;
    font-weight:500;
    text-transform: uppercase;
    text-decoration:none;
}

#page-front-body div.messages {
  margin: 10px 20px 10px 20px;
  text-align: left;
  max-width: 360px;
  grid-area: right;
  z-index: 2;
  align-self: end;
}


.mainpage.container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Example: three columns */
  grid-template-areas:
    "left right";
}
#contentheader {
  grid-area: left;
  background-color: #fff;
  height: 80vh;
  max-height:700px;
  border-radius: 20px;
  box-shadow: 0px 0px 16px #0000008a;
  width: 100vw;
  /* flex-grow: 0; */
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}
section#block-block-109 {
  grid-area: left;
}

@media (max-width: 900px) {
  #page-front-body div.mainpage {
      height:auto;
  }
}