.customContainer{
    max-width: 960px;
    margin: 0 auto;
}

.promoCard {
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.promoCardTitle {
  background-color: #009FE3;
}

.promoCardTitleText {
  align-self: flex-end;
  color: #fff;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  margin: 0;
}

.promoCardContent > h3 {
  align-self: flex-end;
  color: #000;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  overflow: hidden;
  margin: 0;
}

.promoCardContent {
  padding: 16px 10px 10px 10px;
}

.left-pane-title {
  background-color: red;
}

.innerContainer{
  max-width: 960px;
    margin: 0 auto;
}

.error > p {
  color: red;
  font-weight: bold;
}

.error {
  max-width: 300px;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;

  display: flex;
  align-items: center;
}

#loginform {
  min-width: 300px;
}

.mail-icon {

  background-image: url('../images/mailicon.png');
  background-size: contain;
  height: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 4px 4px 4px 48px;
}

.cewelogo {
  background-image: url('../images/logo.png');
  background-size: contain;
  width: 300px;
  height: 82px;
  background-repeat: no-repeat;
  background-position: center center;
}

.cewe-card-wide.mdl-card {
  width: 512px;
}

.cewe-card-wide > .mdl-card__title {
  color: #fff;
  height: 154px;
  background: url('../images/cewebg.png') center / cover;
}

.cewe-card-wide > .mdl-card__menu {
  color: #fff;
}

.mdl-card__menu_cewe {
  text-align: right;
  margin-bottom: 5px;
}