/************************
 * Color Background *****
************************/
html.sm-user-ui  {
    background-size: 100%;
}

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
.sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region-header {
    background-color: #ffffff;
    }
.sm-user-ui .sm-page-content > .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-left {
    background-color: #1e1e1e;
    }
.sm-user-ui .sm-page-header .sm-page-header-content {
  background-color: #FFFFFF;
}

.sm-user-ui .sm-page-home h1.sm-page-title /* homepage title */ {
  text-transform: uppercase;
  font-size: 108px;
  color: #FFFFFF;
  text-shadow: 2px 2px 4px rgba(33,33,33,0.05);
}

.sm-user-ui .sm-gallery-cover-title {
  font-size: 64px;
}

.sm-user-ui .sm-page-home .sm-widget-text /* homepage subtitle */ {
  color: #FFFFFF;
  letter-spacing: 3px;
  font-weight: 600;
  text-transform: uppercase;
  text-shadow: 2px 2px 4px rgba(33,33,33,0.05);
}

ul.horizontal /* navigation */ {
  font-weight: bold;
  letter-spacing: 1px;
}

@media screen and (max-width: 670px) {
   .sm-user-ui .sm-page-layout-region-center {
     text-align: center; 
  }
}