.nobreak{
    white-space: nowrap;
}
/* This is to fix the padding on the video embed on the home page. */
.vincenzo_video .content {
	padding: 1.5rem !important;
}

/*-----------------------------------------------------
     Youtube Embeds
     margin: 10px 10vw 5vw 10vw;
-----------------------------------------------------*/
.youtube-embed {
  --button-size: 6rem;
  position: relative;
  color: #000;
  background:#fff;
  margin: 1em 1em 0.5em 1em;

  button {
    all: unset;
    box-sizing: border-box;
    cursor:pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    *{
      pointer-events:none;
    }
  }
  .play-icon {
    height: var(--button-size);
    width: var(--button-size);
    position: absolute;
    top: calc(50% - (var(--button-size) / 2));
    left: calc(50% - (var(--button-size) / 2));
  }
  img,
  iframe {
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
    border: none;
  }
}
@media screen and (max-width: 1280px){
     .vincenzo_video .content {
	     padding: 1.5rem !important;
     }
}
@media screen and (max-width: 736px) {
     .youtube-embed {
       --button-size: 3rem;
       margin: 10px;
     }
     .nobreak{white-space: normal;}
}
@media screen and (max-width: 390px) {
     .youtube-embed {
       --button-size: 2rem;
       margin: 0;
     }
     .nobreak{white-space: normal;}
}