.ribbon-dinamico-four-july-usa {
    margin: 0;
    background-color: #002D43;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    height: 5vh;
  }
  
  .container-dinamico-four-july-usa {
    display: flex;
    align-items: center;
    height: 32vh;
    overflow: hidden;
  }
  
  .scroll-dinamico-four-july-usa {
    white-space: nowrap;
  }
  
  .scroll-dinamico-four-july-usa div {
    display: flex;
    gap: 2em;
    height: 30vh;
  }
  
  .scroll-dinamico-four-july-usa p {
    font-size: 1em;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 18px;
  }
  
  .scroll-dinamico-four-july-usa p a{
    font-size: 1em;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 30px;
    font-family: "DM Sans", sans-serif;
  }
  
  .RightToLeft-four-july-usa {
    animation: RightToLeft-four-july-usa 300s infinite linear;
  }
  
  @keyframes RightToLeft-four-july-usa {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-50%);
    }
  }
  
  .LeftToRight-four-july-usa {
    animation: LeftToRight-four-july-usa 100s infinite linear;
  }
  
  @keyframes LeftToRight-four-july-usa {
    from {
      transform: translateX(-50%);
    }
    to {
      transform: translateX(0%);
    }
  }

  @media only screen and (max-width: 1281px) {
    .ribbon-dinamico-four-july-usa {
        height: 5vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 10px;
    }

    .scroll-dinamico-four-july-usa p a {
        line-height: 15px;
    }
  }

  @media only screen and (max-width: 1024px) {
    .ribbon-dinamico-four-july-usa {
        height: 2vh;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 13px;
    }

  }

  @media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .ribbon-dinamico-four-july-usa {
        height: 3.7vh!important;
        padding-top: 0;
    }
    .scroll-dinamico-four-july-usa p a {
        line-height: 5px;
    }
}

  @media only screen 
  and (min-width: 1024px) 
  and (max-height: 600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .ribbon-dinamico-four-july-usa {
        height: 6vh!important;
    }
}

  @media only screen and (max-width: 912px) {
    .ribbon-dinamico-four-july-usa {
        height: 3vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 13px;
    }
    .scroll-dinamico-four-july-usa p a {
        line-height: 10px;
    }
  }

  @media only screen and (max-width: 854px) {
    .ribbon-dinamico-four-july-usa {
        height: 3.5vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 13px;
    }

    .scroll-dinamico-four-july-usa p a {
        line-height: 21px;
    }
  }

  @media only screen and (max-width: 821px) {
    .ribbon-dinamico-four-july-usa {
        height: 3.7vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 13px;
    }

    .scroll-dinamico-four-july-usa p a {
        line-height: 22px;
    }
  }

  @media only screen and (max-width: 768px) {
    .container-dinamico-four-july-usa {
        overflow: visible;
        height: 32vh;
    }
    .ribbon-dinamico-four-july-usa {
        height: 3vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 13px;
    }

    .scroll-dinamico-four-july-usa p a{
      line-height: 8px;
    }
  
  }
  
  @media only screen and (max-width: 767px) {
    .scroll-dinamico-four-july-usa div {
        height: 32vh;
    }
    .container-dinamico-four-july-usa {
        overflow: visible;
        height: 30vh;
    }
  
    .ribbon-dinamico-four-july-usa {
        height: 2vh!important;
    }
  }

  @media only screen and (max-width: 541px) {
    .ribbon-dinamico-four-july-usa {
        height: 5vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 45px;
    }
    .scroll-dinamico-four-july-usa p a {
        line-height: 50px;
    }
  }
  
  @media only screen and (max-width: 431px) {
    .container-dinamico-four-july-usa {
        overflow: visible;
        height: 31vh;
    }
    .ribbon-dinamico-four-july-usa {
        height: 5vh!important;
        padding-top: 0.8%;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 38px;
    }
    .scroll-dinamico-four-july-usa p a{
        line-height: 50px;
    }
  }

  @media only screen and (max-width: 415px) {
    .ribbon-dinamico-four-july-usa {
        height: 4vh!important;
        padding-top: 1.8%;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 36px;
    }
    .scroll-dinamico-four-july-usa p a{
        line-height: 8px;
    }
  }

  @media only screen and (max-width: 413px) {
    .ribbon-dinamico-four-july-usa {
        height: 4vh!important;
        padding-top: 1.5%;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 37px;
    }
  }


  @media only screen and (max-width: 390px) {
    .ribbon-dinamico-four-july-usa {
        height: 4vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 35px;
    }
  }
  
  @media only screen and (max-width: 376px) {
    .container-dinamico-four-july-usa {
        overflow: visible;
        height: 30vh;
        padding-top: 1.5%;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 42px;
    }

    .ribbon-dinamico-four-july-usa {
        height: 6vh!important;
    }

  }

  @media only screen and (max-width: 361px) {
    .ribbon-dinamico-four-july-usa {
        height: 6vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 45px;
    }
  }

  @media only screen and (max-width: 345px) {
    .ribbon-dinamico-four-july-usa {
        height: 4.5vh!important;
    }

    .scroll-dinamico-four-july-usa p {
        line-height: 45px;
    }
  }