@charset "UTF-8";
/* CSS Document */

.lema_temp { position: absolute; top: 50%; transform: translateY(-50%); width: 90%; text-align: center; margin: 0px 5%;  z-index: 500!important}

.lema_temp h4 {font-size: 4em; color: var(--white); font-family: 'RobotoSerif', serif; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); font-weight: 400; padding: 0px!important;  z-index: 500!important}

.tmp_bg-layer, .tmp_fg-layer, .tmp_cross {height: 60vh!important}

/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  
.lema_temp h4 {font-size: 3em}
    
}