/* Ease Display */

@media only screen and (min-width: 768px) {
.mycontent-right {
    border-left: 2px groove rgba(222, 222, 250, 0.95);
    padding: 15px 50px 15px 50px;
  }
}

.mycontent-left {
  padding: 25px 25px 25px 25px;
}

.mymessage-right {
  padding: 15px 2px 2px 2px;
}

body, html {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

body {
  background: url(../img/bg-fringe-wall.jpg);
  background-size: cover;
  background-position: center;
}

footer {
    padding: 50px 0;
    background-color: rgba(222, 222, 250, 0.0);
}

p.copyright {
    margin: 15px 0 0;
}

.wrapper {
  margin: 0 auto;
}

.pad { padding: 190px; }

@media only screen and (max-width: 970px) {
.pad { padding: 100px; }
}

@media only screen and (max-width: 789px) {
.pad { padding: 50px; }
}

@media only screen and (max-width: 500px) {
.pad { padding: 30px; }
}

.container-body {
  padding-top: 150px;
  margin: 0 auto;
}

.main-row {
}


.logo-title {
  color: rgba(201, 201, 201, 0.9);
  font-size: large;
  text-align: center;
}

.login-label {
  color: rgba(222, 222, 250, 0.95);
}

.page-divider {
  color: rgba(222, 222, 250, 0.95);
}

.card-body-logo {
   background: rgba(76, 175, 80, 0.0);
   border-color: rgba(222, 222, 250, 0.0);
   height: 100%;
}

.card-img-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  /*height: 80%;*/
}