h1{
    color: rgb(252, 245, 205);
    font-family: 'Playfair Display', serif;
    font-size: 3.5vw;
}

.read-more{
    font-family: 'Josefin Sans', sans-serif
}

.profile-p{
    font-family: 'Libre Baskerville', serif;
    color: rgb(107, 95, 27);
}

h2{
    font-family: 'Playfair Display', serif;
    color: #fcf5cd;
    font-size: 2.2vw;
}

h3{
    font-family: 'Hedvig Letters Serif', serif;
    font-size: 1.6vw;
}

.p{
    font-family: 'Josefin Sans', sans-serif; 
}

p {
    font-family: 'Libre Baskerville', serif;
}

.color-p{
    color: rgb(107, 95, 27);
}

input{
    font-family: 'Hedvig Letters Serif', serif;
}

.my-submit-btn{
    font-family: 'Libre Baskerville', serif;
    font-family: 'Playfair Display', serif;
}


/* MEDIA QUERY */
@media(min-width:0px) and (max-width:576px){
    h1{
        font-size: 8vw;
    }

    h2{
        font-size: 7vw;
    }

    h3{
        font-size: 5.5vw;
    }

    
}

@media (min-width:577px) and (max-width:767px){
    h1{
        font-size: 8vw;
    }

    h6{
        font-size: 3.8vw;
    }

    .profile-p{
        font-size: 3.8vw;
    }

    h2{
        font-size: 6vw;
    }

    h3{
        font-size: 5.2vw;
    }

    .p{
        font-size: 3.3vw;
    }

    h5{
        font-size: 5vw;
    }

    input{
        font-weight: 600;
    }

    .my-submit-btn{
        font-size: 3vw;
    }

    p{
        font-size: 4vw;
    }
}


@media (min-width:768px) and (max-width:991px){
    h1{
        font-size: 5.5vw;
    }

    .profile-p{
        font-size: 2.2vw;
    }

    h2{
        font-size: 4vw;
    }

    h3{
        font-size: 3.5vw;
    }

    .p{
        font-size: 2vw;
    }

    h5{
        font-size: 3.3vw;
    }

    h6{
        font-size: 2.5vw;
    }

    p{
        font-size: 2.5vw;
    }

    .my-submit-btn{
        font-size: 2.3vw;
    }
}


@media (min-width:992px) and (max-width:1199px){
    h1{
        font-size: 3.5vw;
    }

    h2{
        font-size: 2.5vw;
    }

    h3{
        font-size: 2vw;
    }

    .p{
        font-size: 1.3vw;
    }

    h6{
        font-size: 1.3vw;
    }

    p{
        font-size: 1.3vw;
    }

}  


@media (min-width:1200px) and (max-width:1399px){
    
}


@media (min-width:1400px) and (max-width: 2000px){
    
}


@media (min-width: 2000px){
    .p{
        font-size: 1.1vw;
    }

    .profile-p{
        font-size: 1.1vw;
    }

    p{
        font-size: 1.1vw;
    }

    h6{
        font-size: 1.1vw;
    }

    h5{
        font-size: 1.3vw;
    }
}