/* Colors */
/* Color Usage */
/* Style Defaults */
/* Spacing */
/* Breakpoints */
/** 
* X Height Offsets 
* Used for aligning the top of side by side columns when one colum
* has an image and the other has text/header 
*/
/* Easings*/
.heroDynamic {
  background-position: center; }
  .heroDynamic a:not([class*=btn]) {
    color: white;
    padding: 0; }
  .heroDynamic .tab-container {
    display: flex; }
  .heroDynamic .logo-strip-section img {
    max-width: 140px;
    max-height: 55px;
    margin-right: 1rem;
    margin-left: 1rem; }
  .heroDynamic .heroDynamic__deviceOutline {
    z-index: 0;
    text-align: center;
    position: relative; }
    .heroDynamic .heroDynamic__deviceOutline .btn-play {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .heroDynamic .heroDynamic__text {
    z-index: 1; }