@font-face {
  font-family: 'FeyzRaleway';
  src: url('../fonts/Raleway-Variable.ttf') format('truetype');
  font-weight: 100 900; /* variable weight range */
  font-style: normal;
  font-display: swap;
}

/* Optional italic face */
@font-face {
  font-family: 'FeyzRalewayItalic';
  src: url('fonts/Raleway-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FeyzOpenSans';
  src: url('../fonts/OpenSans-Variable.ttf') format('truetype');
  font-weight: 100 900; /* variable weight range */
  font-style: normal;
  font-display: swap;
}

/* Optional italic face */
@font-face {
  font-family: 'FeyzOpenSansItalic';
  src: url('fonts/OpenSans-Italic-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Wordpress Post Image Align Center with Caption */
@media (max-width: 988px){
  .wp-caption {
    /* Force the box to be 100% */
    width: 100% !important;
      font-size: 0.9rem;
      font-style: none !important;
  }
  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }
}
/* End Wordpress Post Image Align Center with Caption */

/* Fixing oEmbed Video Alignment */
 .aligncenter, .videowrapper iframe {
display:block;
margin-right:auto;
margin-left:auto;
}
.videowrapper {
    text-align:center;
    padding: 20px;
    background-color: #333333;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videowrapper iframe {
margin: 0 auto;
position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    transform: translate(-50%, -50%);
}
/* End Fixing oEmbed Video Alignment */