@media (max-width: 480px) {
    .my-flex-3-col-wrapper {
    	flex-direction: column;
	}
}

audio {
 filter: invert(100%) sepia(7%) saturate(1100%) hue-rotate(184deg) brightness(95%) contrast(99%);
}

@media (max-width: 480px) {
    .my-flex-3-col-wrapper {
    	flex-direction: column;
	}
}

/*ШАПКА УРОКА СТИЛИ*/
.lesson-header-block.row-section {
    background: var(--myMainBg) !important;
    border-radius: 15px;
}

.lesson-header-block.row-section .hidden-xs:not(.text-center) {
    display: none;
}

h2.lesson-title-value {
    font-family: 'Jost';
    font-weight: 600;
    font-size: 26px;
    color: #222;
}

.lesson-header-block.row-section .user-state-reached {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 10px;
    color: #3C3C3C;
}

.lesson-header-block.row-section span {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    color: #222;
}

.lesson-header-block.row-section a {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    color: #3C3C3C;
    text-decoration: underline;
}

.my-p-12-inter {
  font-family: 'Inter'!important;
  line-height: 1.05;
  font-size: 12px;
  text-align: left;
  color: #222;
}

.my-h-16 {
    font-family: 'Jost';
    font-weight: 500;
    font-size: 16px;
    color: #222;
}

@media (max-width: 480px) {
  .my-p-12-inter, .p-12-inter {
    font-size: 10px;
      line-height: 1;
      padding-top: 0;
  }
    
    h2.lesson-title-value {
        font-size: 20px;
    }
    .my-h-16 {
        font-size: 12px;
    }
}