@font-face {
  font-family: 'Cambria Regular';
  src: url('../fonts/Cambria.eot');
  src: url('../fonts/Cambria.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Cambria.woff') format('woff'),
  url('../fonts/Cambria.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* ~12px */
.my-font-size-12px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (0.75 - 0.625) + 0.625rem) !important;
}

/* ~14px */
.my-font-size-14px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (0.875 - 0.75) + 0.75rem) !important;
}

/* ~18px */
.my-font-size-18px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (1.125 - 1) + 1rem) !important;
}

/* ~20x */
.my-font-size-20px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (1.25 - 1.125) + 1.125rem) !important;
}

/* ~24x */
.my-font-size-24x,
.uk-h4,
h4 {
  font-size: calc((100vw - 20rem) / (128 - 20) * (1.5 - 1.25) + 1.25rem) !important;
}

/* ~34px */
.my-font-size-34px,
.uk-h3,
h3 {
  font-size: calc((100vw - 20rem) / (128 - 20) * (2.125 - 1.5) + 1.5rem) !important;
}

/* ~44px */
.my-font-size-44px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (2.75 - 1.375) + 1.375rem) !important;
}

/* ~48px */
.my-font-size-48px,
.uk-h1,
h1 {
  font-size: calc((100vw - 20rem) / (128 - 20) * (3 - 1.75) + 1.75rem) !important;
}

/* ~56px */
.my-font-size-56px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (3.5 - 1.75) + 1.75rem) !important;
}

/* ~72px */
.my-font-size-72px {
  font-size: calc((100vw - 20rem) / (128 - 20) * (4.5 - 2.25) + 2.25rem) !important;
}
  
.my-card-primary {
  background-color: #55619d !important;
}

.my-button-primary {
  background-color: rgb(255 223 143) !important;
  color: #231f20 !important;
}

.my-button-primary:hover {
  background-color: rgb(229 200 128) !important;
}

/* .my-button-secondary { */
  /* background-color: rgb(178 127 127) !important; */
/* } */

.my-button-secondary {
  background-color: rgb(205 170 125) !important;
  color: #fff !important;
}

.my-button-secondary:hover {
  background-color: rgb(210 178 138) !important;
}

.my-heading-line::after {
  background: rgba(140,135,168,.2);
}

.my-card-scrollspy:hover {
  background-color: #78708f  !important;
}

.uk-heading-bullet::before {
  border-color: rgb(255 223 143) !important;
}

.uk-panel.uk-padding {
  padding: 25px !important;
}


/* .el-column { */
  /* background: rgb(255 255 255); */
  /* clip-path: polygon(400px 0,calc(100% - 400px) 0,100% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,0px 0px); */
/* } */

/* .el-column::before { */
  /* position: relative; */
  /* background: rgb(0 0 0 ); */
  /* clip-path: polygon(400px 0,calc(100% - 400px) 0,100% calc(100% - 0px), calc(100% - 400px) 100%,400px 100%,0px 0px); */
/* } */