.intro{position:relative;height:700px;overflow:hidden;}
.intro:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#282f3921 url(../images/grid.png) repeat}
.intro-caption{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:table}
.intro-caption-content{display:table-cell;vertical-align:middle;text-align:center}
@media (max-width: 991px) {
.intro-caption-content{padding-left:30px;padding-right:30px}
.intro{height:100vh;margin-top:0}
}
@media (max-width: 767px) {
.intro{height:100vh;margin-top:0;background:url("../images/bg-video.png") 50% 50% no-repeat;background-size:cover;}
.intro video{display:none;}
}
.intro-caption-content h1{display:block;margin:0 auto;font-size:35px;/*line-height:58px;*/letter-spacing:-1px}
.intro-caption-content h1 span{display:block;font-size:24px;line-height:46px;font-weight:700}
.intro-caption-content h2{display:block;margin:20px auto 38px;font-size:26px;line-height:28px;letter-spacing:-.5px}
.intro-caption-content button{padding:12px 24px 10px;color:#cb171e;font-size:18px;font-weight:300;background:#fff;border:0}
.intro-caption-content button:after{content:"";margin-left:15px;display:inline-block;vertical-align:middle;width:84px;height:33px;background:url(../img/icon-tracking.png) 0 0 no-repeat}
.intro video{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-100;min-height:100%;min-width:100%;width:auto;height:auto}
@media (max-width: 767px) {
.intro-caption-content{padding-left:15px;padding-right:15px}
.intro-caption-content h1{margin-bottom:30px}
.intro-caption-content h2{display:none}
.intro-caption-content button:after{display:none}
}
@media (max-device-width: 360px) and (max-height: 568px) {
.intro-caption-content{padding-top:50px}
.intro-caption-content h1{font-size:44px;line-height:46px;letter-spacing:-.6px}
.intro-caption-content h1 span{font-size:20px}
}
@media (min-width: 768px) {
.intro-caption-content h1{max-width:70%}
.intro-caption-content h2{max-width:100%}
}
@media (min-width: 992px) {
.intro-caption-content h1{max-width:60%}
.intro-caption-content h2{max-width:90%}
}
@media (min-width: 1200px) {
.intro-caption-content h1{max-width:50%}
.intro-caption-content h2{max-width:70%}
}