:root {
  --color-primary: #002e5a;
  --color-secondary: #fe6d73;
  --color-tertiary: #F7CC83;
  --color-text: #000;
  --color-heading: #000; }

.medias-container .media-wrapper {
  text-decoration: none;
  width: 100%; }
  .medias-container .media-wrapper:hover .media-title {
    color: #fe6d73 !important; }

.medias-container .youtube-video {
  padding-top: calc(56.25%);
  position: relative;
  width: 100%; }
  .medias-container .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.medias-container .media-details {
  min-height: 120px;
  padding: 12px;
  width: 100%; }

.medias-container .large .youtube-video {
  padding-top: calc(56.25% / 2);
  position: relative;
  width: 50%; }

.medias-container .large .media-details {
  margin-left: 10px;
  padding: 16px;
  width: calc(50% - 10px); }

@media screen and (max-width: 767px) {
  .large .media-wrapper {
    flex-direction: column; }
    .large .media-wrapper .youtube-video {
      padding-top: calc(56.25%);
      width: 100%; }
    .large .media-wrapper .media-details {
      margin-left: 0;
      width: 100%; } }