.heading-font {
    font: normal normal 800 40px Mulish;
    line-height:1.25em;
}

.bold-title-font {
    font: normal normal bold 24px Mulish;
    line-height:1.25em;
}

.title-font {
    font: normal normal normal 22px Mulish;
    line-height:1.25em;
}


.content-font {
    font: normal normal normal 20px Nunito;
    line-height:1.25em;
}

@media (max-width: 340px) {
    .heading-font {
        font: normal normal 800 20px Mulish;
    }

    .bold-title-font {
        font: normal normal bold 18px Mulish;
    }

    .title-font {
        font: normal normal normal 16px Mulish;
    }
    .content-font {
        font: normal normal normal 16px Nunito;
    }
    
}

@media (min-width: 340px) and (max-width: 480px) {
    .heading-font {
        font: normal normal 800 24px Mulish;
    }
    .bold-title-font {
        font: normal normal bold 18px Mulish;
    }
    
    .title-font {
        font: normal normal normal 16px Mulish;
    }
    .content-font {
        font: normal normal normal 16px Nunito;
    }
    
}

@media (min-width: 480px) and (max-width:720px) {

    .heading-font {
        font: normal normal 800 24px Mulish;
    }
    
    .bold-title-font {        
        font: normal normal bold 20px Mulish !important;
    }

    .title-font {
        font: normal normal normal 18px Mulish;
    }

    .content-font {
        font: normal normal normal 16px Nunito !important;
    }

}

@media (min-width: 720px) and (max-width:1023px) {
    .heading-font {
        font: normal normal 800 28px Mulish;
    }
    
    .bold-title-font {        
        font: normal normal bold 22px Mulish !important;
    }
    
    .title-font {
        font: normal normal normal 20px Mulish;
    }

    .content-font {
        font: normal normal normal 18px Nunito !important;
    }
    
}

@media (min-width: 1023px) and (max-width:1281px) {
    .heading-font {
        font: normal normal 800 32px Mulish;
    }

    .bold-title-font {        
        font: normal normal bold 22px Mulish !important;
    }

    .title-font {
        font: normal normal normal 20px Mulish;
    }
    
    .content-font {
        font: normal normal normal 18px Nunito !important;
    }
}

@media (min-width: 1281px) and (max-width:1537px){
    .heading-font {
        font: normal normal 800 36px Mulish;
    }
}