@font-face {
    font-family: PeydaBlack;
    src: url('../fonts/Peyda-Black.woff2') format('woff2'),
        url('../fonts/Peyda-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PeydaLight;
    src: url('../fonts/Peyda-Light.woff2') format('woff2'),
        url('../fonts/Peyda-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PeydaSemBd;
    src: url('../fonts/Peyda-SemiBold.woff2') format('woff2'),
        url('../fonts/Peyda-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: PeydaBold;
    src: url('../fonts/Peyda-Bold.woff2') format('woff2'),
        url('../fonts/Peyda-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.f-bold{
    font-family: PeydaBold;
}

.f-light{
    font-family: PeydaLight;
}

.f-black{
    font-family: PeydaBlack !important;
}

.font-12{
    font-size: 12px;
}

.font-14{
    font-size: 14px;
}

.font-16{
    font-size: 16px;
}

.font-18{
    font-size: 18px;
}

.font-20{
    font-size: 20px;
}

.font-22{
    font-size: 22px;
}

.font-24{
    font-size: 24px;
}

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

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

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

.font-40{
    font-size: 40px;
}

.font-70{
    font-size: 70px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .font-38{
        font-size: 28px;
    }  

    .font-22{
        font-size: 18px;
    }
  }

@media (min-width: 576px) and (max-width: 768px){
    .font-38{
        font-size: 28px;
    }  

    .font-22{
        font-size: 18px;
    }
}

@media (max-width: 576px){
    .font-38{
        font-size: 26px;
    }  

    .font-22{
        font-size: 18px;
    }
}