.light-text {color:#fff;}
.light-text h1 {font-family: VeluxGothic Light;}
{#
.hero2 {}
.hero2 .btn.btn-primary { background:#333333;}
.hero2 video {object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;}
.hero2 .bgtit {background: rgba(255,255,255,0.5);
    padding: 50px 0;
    width: 100%;}
.hero-text {    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;padding: 80px 0;
    display: flex;
    align-items: center;}
.icon-scroll-a {z-index:9999;
    position: absolute;
    bottom: 15px;left: calc(50% - 16px);
}
.icon-scroll, .icon-scroll:before { position: absolute; left: 50%; z-index: 1; }
.icon-scroll { width: 32px; height: 64px; margin-left: -16px; bottom: 15px; margin-top: -32px; box-shadow: inset 0 0 0 2px #000; border-radius: 25px; }
.icon-scroll:before { content: ''; width: 2px; height: 20px; background: #000; margin-left: -1px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; }
@-webkit-keyframes scroll { 0% { opacity: 1; height: 20px; } 100% { opacity: 0; height: 10px; transform: translateY(15px); } }
@keyframes scroll { 0% { opacity: 1; height: 20px; } 100% { opacity: 0; height: 10px; transform: translateY(15px); } }

@media (min-width: 767px){
  .subhead, h1 {max-width:60%}
}
@media (max-width: 767px){
	.hero__image {display: none}
	.hero__headline { padding-top: 100px; }
	.hero { background-size: cover; background-position: center;}
  .icon-scroll-a {bottom: 100px;}
}
#}