/*


https://www.istockphoto.com/pl/join?returnurl=%2Fpl%2Fpurchase%2Fadd-trial-subscription%3Fftsfastcheckout%3Dtrue%26referrer%3Dsrp
https://www.istockphoto.com/pl/search/search-by-asset?affiliateredirect=true&assetid=1278567451&assettype=image&cid=IS&clickid=SK9QZbSNqxyIT8F2vITtFy6IUkDwuCx5DyP4QY0&irgwc=1&irpid=340411&utm_content=332574&utm_medium=affiliate_SP&utm_source=365psd.com&utm_term=old+microphone

/* jak si posBugiwa https://www.onlinewebfonts.com/icon/41393 */



/* h2, */   
.playlist-additional-tekxt-title {
font-family: "Oswald", MuseoSlab300, "Open Sans", "lucida sans unicode", "lucida grande", "Trebuchet MS", 
verdana, arial, helvetica, helve, sans-serif;
  font-weight: 200;
  font-size: 1.2rem
}

    

.playlist-container {
  /* max-width: 1400px;  */
  width: 100%;
  margin: 0 auto 6px auto; 
  /* height: 31%; rozciąga nieproporcjonalnie. Można wypełnić całą wysokość, ale brzydki efekt */
}

.playlist-container:last-child { 
    margin: 0 auto 0 auto;
}

.playlist-cont-left {
  /* height: 120px; */ 
  /* padding: 10px;  */
  box-sizing: border-box;
  margin: 0 4px;
   flex-basis: 43.5%;

}
.playlist-cont-right {
  box-sizing: border-box;
  /* padding: 8px; */
  margin: 0 4px;
     flex-basis: 55.5%;
  
}

.playlist-img-link {
    width: 100%;
     height: 100%;
   /* margin-bottom: 0px;
    padding: 0px;  */
    cursor: pointer;
}

.playlist-video-title {
padding: 0 3px 4px 7px;
background:  #726f74;
font-family: "Oswald", sans-serif;
  font-weight: 100;
  font-size: 1rem;
  margin-bottom: 12px;
  color: #f0f0f0;
}

.playlist-video-desc {
    margin: 0 8px;
    font-family: Arial;
 /*  font-weight: 100;  */
    font-size: 0.85rem;
}



/* .playlist-cont-left:nth-child(1) {background-color: #eee;}   */
.playlist-cont-right:nth-child(2) {background-color: #f0f0f0; color: #726f74;}       


.playlist-additional {
  margin-top: 1%;
  display: flex;
  /* align-items: flex-end;
  align-content: flex-end; 
  flex-direction: column;*/
}

.playlist-additional-img {
/* float: left; */
margin-right: 1rem;
cursor: pointer;
}

.playlist-additional-tekxt {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content:space-between;
  
}



/*
@media (min-width: 900px) {
  .playlist-container {
    display: flex;
    justify-content: space-between;
  }
}   */

/*
@media (min-width: 800px) {
  .playlist-container {
    display: flex;
    justify-content: space-between;
  }
}   */



@media screen and (min-width: 769px) {
    .playlist-container {
    display: flex;
    justify-content: space-between;
  }
  

  
}





@media screen and (min-width: 1024px) {
.playlist-video-desc {
    padding: 2px 0 20px 0;
}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

.playlist-video-desc {
    padding: 2px 0 20px 0;
}  
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.playlist-video-desc {
    padding: 2px 0 20px 0;
}
}

@media screen and (min-width: 321px) and (max-width: 480px) {
   .playlist-container {
   padding: 4px 0;
  border: 1px solid #aaa;
}

.playlist-video-desc {
    padding: 2px 0 20px 0;
}

}


@media screen  and (max-width: 320px) {

}