#turn-your-device {
  /*     display: none; */
      position: fixed;
      width: 100%;
      height: 500px;
      height: calc((var(--vh, 1vh) * 100));
      top: 0px;
      left: 0px;
      z-index: 99999;
      background-color: #fff;     
      padding: 20px;
      box-sizing: border-box;
      color: #000;
  }
  #tyd-telefono-logo-tyd {
  /*     height: 30px; */
  }
  #tyd-telefono svg {
      height: 60px;
  }
  #tyd-arrow svg {
      height: 100px;
  }
  #tyd-telefono {
      position: absolute; 
      left: calc(80% - 25px);
      top: 120px;
      -webkit-animation: tydCellRotation 3s infinite; /* Safari 4+ */
      -moz-animation:    tydCellRotation 3s infinite; /* Fx 5+ */
      -o-animation:      tydCellRotation 3s infinite; /* Opera 12+ */
      animation:         tydCellRotation 3s infinite; /* IE 10+, Fx 29+ */
  }
  #tyd-arrow {
      position: absolute; 
      /* left: 70%; */
      left: calc(80% - 60px);
      top: 100px;
  }
  @-webkit-keyframes tydCellRotation {
    0%   { transform: rotate(0deg); }
    10%   { transform: rotate(0deg); }
    25%   { transform: rotate(90deg); }
    35%    { transform: rotate(90deg); }
    75%   { transform: rotate(-90deg); }  
    85%   { transform: rotate(-90deg); }  
    100%   { transform: rotate(0deg); }
  }
  @-moz-keyframes tydCellRotation {
    0%   { transform: rotate(0deg); }
    10%   { transform: rotate(0deg); }
    25%   { transform: rotate(90deg); }
    35%    { transform: rotate(90deg); }
    75%   { transform: rotate(-90deg); }  
    85%   { transform: rotate(-90deg); }  
    100%   { transform: rotate(0deg); }
  }
  @-o-keyframes tydCellRotation {
    0%   { transform: rotate(0deg); }
    10%   { transform: rotate(0deg); }
    25%   { transform: rotate(90deg); }
    35%    { transform: rotate(90deg); }
    75%   { transform: rotate(-90deg); }  
    85%   { transform: rotate(-90deg); }  
    100%   { transform: rotate(0deg); }
  }
  @keyframes tydCellRotation {
    0%   { transform: rotate(0deg); }
    10%   { transform: rotate(0deg); }
    25%   { transform: rotate(90deg); }
    35%    { transform: rotate(90deg); }
    75%   { transform: rotate(-90deg); }  
    85%   { transform: rotate(-90deg); }  
    100%   { transform: rotate(0deg); }
  }
  
  @-webkit-keyframes tydArrowRotation {
    0%   { transform: rotate(0deg); }
    20%   { transform: rotate(72deg); }
    40%   { transform: rotate(144deg); }
    60%   { transform: rotate(216deg); }
    80%   { transform: rotate(288deg); }
    100%   { transform: rotate(360deg); }
  }
  @-moz-keyframes tydArrowRotation {
    0%   { transform: rotate(0deg); }
    20%   { transform: rotate(72deg); }
    40%   { transform: rotate(144deg); }
    60%   { transform: rotate(216deg); }
    80%   { transform: rotate(288deg); }
    100%   { transform: rotate(360deg); }
  }
  @-o-keyframes tydArrowRotation {
    0%   { transform: rotate(0deg); }
    20%   { transform: rotate(72deg); }
    40%   { transform: rotate(144deg); }
    60%   { transform: rotate(216deg); }
    80%   { transform: rotate(288deg); }
    100%   { transform: rotate(360deg); }
  }
  @keyframes tydArrowRotation {
    0%   { transform: rotate(0deg); }
    20%   { transform: rotate(72deg); }
    40%   { transform: rotate(144deg); }
    60%   { transform: rotate(216deg); }
    80%   { transform: rotate(288deg); }
    100%   { transform: rotate(360deg); }
  }