stream-item > .now-playing-and-social-media > .social-media
{
   display: none;
}
stream-item > .mobileSocials
{
   display: none;
}
@media screen and (min-width: 1440px)
{
   stream-item > .now-playing-and-social-media > .social-media
   {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 78px;
      height: 333px;
   } 
   stream-item > .now-playing-and-social-media > .social-media > .follow-us
   {
      font-size: 16px;
      font-weight: 700;
      line-height: 23px;
      margin: 10px 0px 20px;
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list
   {
      display: flex;
      flex-direction: column;
      gap: 32px;
      flex: 1;
      margin: 10px 0px 0px;
      padding: 0px;
      list-style-type: none;
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list > li.list-item > a {
      display: block;
      width: 42px;
      height: 42px;
      background-size: contain;
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list > li.list-item > a.instagram
   {
      background-image: url(/images/instagram.svg);
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list > li.list-item > a.youtube
   {
      background-image: url(/images/youtube.svg);
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list > li.list-item > a.facebook
   {
      background-image: url(/images/facebook.svg);
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list > li.list-item > a.alexa
   {
      background-image: url(/images/alexa.svg);
   }
   stream-item > .now-playing-and-social-media > .social-media > ul.list > li.list-item > a.twitter
   {
      background-image: url(/images/twitter.svg);
   }
}
@media screen and (max-width: 740px)
{
   stream-item > .mobileSocials > a.instagram
   {
      background-image: url(/images/instagram.svg);
   }
   stream-item > .mobileSocials > a.facebook
   {
      background-image: url(/images/facebook.svg);
   }
   stream-item > .mobileSocials > a.alexa 
   {
      background-image: url(/images/alexa.svg);
   }
   stream-item > .mobileSocials
   {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      border-top: 1px solid #0FF;
      padding-top: 8px;
      margin-bottom: 20px;

   }
   stream-item > .mobileSocials > a
   {
      display: block;
      width: 42px;
      height: 42px;
      background-size: contain;
   }

}