@import url("https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700;800&family=Lilita+One&family=Montserrat:wght@300;400;500;600;700;800&display=swap");

@font-face {
    font-family: Electrum Bold;

    src: url("../fonts/Electrum-Bold.woff") format("woff");

    font-weight: 700;

    font-style: normal;
}

@font-face {
    font-family: Recoleta Regular;

    src: url("../fonts/Recoleta-RegularDEMO.woff") format("woff");

    font-weight: 400;

    font-style: normal;
}

@font-face {
 /*   font-family: Wild Chaos;

    src: url("../fonts/TheWildChaosDemoVersion.woff") format("woff");

    font-weight: 400;

    font-style: normal;*/

   font-family:"The Wild Chaos Demo Version";
   src: url("The_Wild_Chaos_Demo_Version.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}



.montserrat-regular {
    font-family: "Montserrat", sans-serif;

    font-weight: 400;
}

.electrum-bold {
    position: relative;
    font-family: Electrum Bold;

    font-weight: 700;
}

.recoleta-regular,
.recoleta-regular .wp-block-button__link {
    font-family: Recoleta Regular;

    font-weight: 400;
}

.recoleta-regular .wp-block-button__link {
    letter-spacing: 3px;
}



.wild-chaos-demo {
       font-family:"The Wild Chaos Demo Version";
    letter-spacing: 0;
    font-weight: 400;
    text-transform: capitalize;


        font-size: 25px;
}

.electrum-heading {
    /*font-size: 66px;*/

    font-size: 45px;
}

.electrum-title {
    /*font-size:  48px;*/

    font-size: 35px;
    font-weight: 700;
    line-height: 1.5;
}

.recoleta-heading {
    /*font-size: 95px;*/

    font-size: 60px;
    letter-spacing: 13.3px;
}

.recoleta-title {
    /* font-size: 75px;*/

    font-size: 55px;
}


.karla-font {
    font-family: 'Karla', sans-serif;
}


.copy-xs {
    /*font-size: 23px;*/
    font-size: 18px;
}

.copy-sm {
    /*font-size: 26px;*/
    font-size: 21px;
}

@media (max-width: 1199px) {
    .electrum-title {
        font-size: 30px;
    }

    .electrum-heading {
        font-size: 38px;
    }

    .recoleta-heading {
        font-size: 50px;
    }

    .recoleta-title {
        font-size: 45px;
    }
}

@media (max-width: 1024px) {
    .electrum-title {
        font-size: 26px;
    }

    .electrum-heading {
        font-size: 32px;
    }

    .recoleta-heading {
        font-size: 45px;
    }

    .recoleta-title {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .wild-chaos-demo {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .electrum-title {
        font-size: 23px;
    }

    .electrum-heading {
        font-size: 26px;
    }

    .recoleta-heading {
        font-size: 35px;
    }

    .recoleta-title {
        font-size: 28px;
    }
}