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


.h-banner {
width: 100%;
    margin: 0 auto; 
    height: 80vh;
    min-height: 0;
    
min-width: 0;
}


.h-banner { display: none; }
.h-banner.slick-initialized { display: block; }

.h-banner {
	cursor: default;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	-ms-touch-action: auto;
	touch-action: auto;
}
a .h-banner { cursor: pointer; }
.h-banner {
	position: relative;
	margin: 0;
	overflow: hidden;
	list-style: none;
}


.slidehome {
width: 100%;
    height: 80vh;
background-image: url('/LSC/img/clock.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.banner-title {width: 100%;	position: absolute;
height:auto;
	top: 40%;
	margin: 0 auto;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 5rem;
  background-image: url('/LSC/img/trans.png');
  font-weight: 100;
  color: red;
}
.bannerword {padding-right:2rem;padding-left:2rem}
.bannerseperator {display: inline}
.bannerwrap {display: none}

@media screen and (max-width: 60em) {.banner-title {font-size: 3.5rem;}
.h-banner, .slidehome {height: 80vh;}.bannerseperator {display: none} .bannerword {padding-right:1rem;padding-left:1rem}
}

@media screen and (max-width: 40em) {.banner-title {font-size: 3rem;}
.h-banner, .slidehome {height: 80vh;}.bannerseperator {display: none}.bannerwrap {display: inline}
}