.green-font{
    color: #949494;
}

.gray-font{
    color: #516a70;
}

h1{
    /* font-family: 'Raleway', sans-serif; */
    font-family: "Cinzel", serif;
    font-weight: 400;
    font-size: 4vw;
}

h2{
    font-family: 'Raleway', sans-serif;
    font-family: "Playfair Display", serif;
    font-weight: 600;
    font-size: 3vw; 
    color: #111111;
    
}


h3{
    font-family: 'Raleway', sans-serif;
    /* font-family: "Playfair Display", serif; */
    font-weight: 500;
    color: #111111; 
    font-size: 1.6vw;
}

p{
    font-family: 'Raleway', sans-serif;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
    color: #333333;
    font-size: 1.2vw;

}

span{
    font-family: 'Raleway', sans-serif;
    /* font-weight: 500; */
    font-size: 1.6vw;
    /* color: #009ABB; */
    color: #516a70;
}


/* MEDIA QUERY */
@media (max-width:576px){
    p{
        font-size: 4vw;
    }

    h1{
        font-size: 8.5vw;
    }

    h2{
        font-size: 8vw;
    }

    span{
        font-size: 4.7vw;
    }

    h3{
        font-size: 5.8vw;
    }
}

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

    p{
        font-size: 4.3vw;
    }

    h2{
        font-size: 8vw;
    }

    h3{
        font-size: 5.7vw;
    }

    span{
        font-size: 4.5vw;
    }
}


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

    h1{
        font-size: 8vw;
    }

    p{
        font-size: 3.6vw;
    }

    h2{
        font-size: 7vw;
        font-weight: 500;
    }

    h3{
        font-size: 5.5vw;
    }
}


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

    span{
        font-size: 1.8vw;
    }

    h2{
        font-size: 3.3vw;
    }

    p{
        font-size: 1.5vw;
    }

    h3{
        font-size: 2.1vw;
    }
}  


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


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