.promo {
  background: url(../imgs/bg.jpg) #450b7b no-repeat;
  background-size: cover;
  background-position: top;
}
.promo .container-fluid {
  max-width: 1370px
}
.promo .navbar-brand {
  float: none;
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0px;
}
.promo .tv { 
  position: relative; 
}
.promo .tv img { 
  position: relative; 
  width: 100%;  
  z-index: 2;
  margin: 60px 0 0;
  cursor: pointer;
}
.promo .video { 
  position: absolute; 
  bottom: 16%;
  left: 10%;
  width: 75%;
  z-index: 1000;
}
.promo canvas {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.promo footer {
  padding: 15px 0 0;
  text-align: center;
  font-size: 9px;
  color: white;
}

.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pack1, .pack2, .pack3 {
  width: 33.33333%;
  height: 550px;
}


.pack1 {background: url("../imgs/pack1.png") center no-repeat; transition: all 0.5s ease;  transform: rotate(-7deg);}
.pack2 {background: url("../imgs/pack2.png") center no-repeat; transition: all 0.5s ease;}
.pack3 {background: url("../imgs/pack3.png") center no-repeat; transition: all 0.5s ease;  transform: rotate(7deg)
}

.pack1:hover {background: url("../imgs/pack1Hover.png") center no-repeat;}
.pack2:hover {background: url("../imgs/pack2Hover.png") center no-repeat;}
.pack3:hover {background: url("../imgs/pack3Hover.png") center no-repeat;}

footer p {font-size: 12px;}

.imgHid {display: none;}
div.imgHid img {display: none;}