.heading-1{
    font-family: 'Libre Baskerville', serif;
    color: rgb(21, 60, 78);
    font-size: 2.5vw;
}

.heading-4{
    font-family: 'Lora', serif;
}

.heading-3{
    font-family: 'Libre Baskerville', serif;
}

.heading-5{
    font-family: 'Source Serif Pro', serif;
}

.heading-2{
    font-family: 'Noto Serif', serif;
}

.paragraph{
    font-family: 'Philosopher', sans-serif;
    font-size: 1.5vw;
}


/* MEDIA QUERY */
@media (max-width:576px){
    .heading-1{
        font-size: 6vw;
    }

    .paragraph{
        font-size: 4vw;
    }

    .heading-2{
        font-size: 6vw;
    }

    .heading-4{
        font-size: 4vw;
    }

    .heading-5{
        font-size: 3.2vw;
    }

    .heading-3{
        font-size: 4vw;
    }

}

@media (min-width:577px) and (max-width:767px){
    .heading-1{
        font-size: 5.5vw;
    }

    .paragraph{
        font-size: 4.2vw;
    }

    .heading-2{
        font-size: 6vw;
    }

}


@media (min-width:768px) and (max-width:991px){
    .heading-1{
        font-size: 3.5vw;
    }

    .paragraph{
        font-size: 2.5vw;
    }

    .heading-2{
        font-size: 4.8vw;
    }

    .heading-3{
        font-size: 3vw;
    }

    
}


@media (min-width:992px) and (max-width:1199px){
    .heading-1{
        font-size: 2.8vw;
    }

    .paragraph{
        font-size: 1.8vw;
    }

    .heading-2{
        font-size: 3.3vw;
    }

    .heading-3{
        font-size: 2.3vw;
    }
}  


@media (min-width:1200px) and (max-width:1399px){
    .heading-1{
        font-size: 2.5vw;
    }

    .paragraph{
        font-size: 1.5vw;
    }

    .heading-3{
        font-size: 1.8vw;
    }

}


@media (min-width:1400px){
    .heading-1{
        font-size: 3vw;
    }

    .paragraph{
        font-size: 2vw;
    }
}

@media (min-width:200px) and (max-width:399px){
    
}