@font-face {
    font-family: "WalcottGothic";
    src: url("../assets/fonts/WalcottGothicJFHollywoodRegular.ttf")
      format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "HandelGothic";
    src: url("../assets/fonts/HandelGothicRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  .brand-font > .el-title {
    font-family: "WalcottGothic", sans-serif;
    font-size: 4rem!important;
    color: #ba2025 !important;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
      1px 1px 0 #fff;
  }

  .brand-font-md > .el-title {
    font-family: "WalcottGothic", sans-serif;
    font-size: 3rem!important;
    color: #ba2025 !important;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
      1px 1px 0 #fff;
  }