/* This parent can be any width and height */
.centered-wrapper {
  text-align: center;
}
 
/* The ghost, nudged to maintain perfect centering */
.centered-wrapper:before {
  content: '';
  display: inline-block;
  height: 100vh;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */ 
.centered-content {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  /*width: 300px;*/
  max-width: 1024px;
}

/* Resolve issues with bootstrap incompatibility (DNN admin bar visual bug) */
#ControlBar, #ControlActionMenu > li > a {box-sizing: content-box;}

@media (max-width: 1024px) {
  .centered-wrapper:before {
    height: 40vh;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 768px) {
}