.fs-60      { font-size: 0.6rem; }
.fs-80      { font-size: 0.8rem; }
.fs-90      { font-size: 0.9rem; }
.fs-100     { font-size: 1.0rem; }
.fs-110     { font-size: 1.1rem; }
.fs-120     { font-size: 1.2rem; }
.fs-130     { font-size: 1.3rem; }
.fs-140     { font-size: 1.4rem; }
.fs-160     { font-size: 1.6rem; }
.fs-180     { font-size: 1.8rem; }
.fs-200     { font-size: 2.0rem; }
.fs-300     { font-size: 3.0rem; }
.fs-400     { font-size: 4.0rem; }



/* Extra small device ( less than 576px) */
h1{ font-size: 1.5rem;}
h2{ font-size: 1.4rem;}
h3{ font-size: 1.35rem;}
h4{ font-size: 1.3rem;}
h5{ font-size: 1.25rem;}
h6{ font-size: 1.2rem;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
h1{ font-size: 1.5rem;}
h2{ font-size: 1.4rem;}
h3{ font-size: 1.35rem;}
h4{ font-size: 1.3rem;}
h5{ font-size: 1.25rem;}
h6{ font-size: 1.2rem;}
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    h1{ font-size: 2.5vw; }
    h2{ font-size: 2.4vw; }
    h3{ font-size: 2.3vw; }
    h4{ font-size: 2.1vw; }
    h5{ font-size: 2.0vw; }
    h6{ font-size: 1.9vw; }
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1{ font-size: 2.5vw; }
    h2{ font-size: 2.3vw; }
    h3{ font-size: 2.0vw; }
    h4{ font-size: 1.8vw; }
    h5{ font-size: 1.6vw; }
    h6{ font-size: 1.4vw; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1{ font-size: 2vw; }
    h2{ font-size: 1.8vw; }
    h3{ font-size: 1.6vw; }
    h4{ font-size: 1.4vw; }
    h5{ font-size: 1.2vw; }
    h6{ font-size: 1.1vw; }
    
}