div{    

font-size: 40px;   

 -webkit-transition:font-size 0.2s ease-out; 

}

@media only screen and (max-width: 1200px) { div{ font-size: 39px; }}

@media only screen and (max-width: 1100px) { div{ font-size: 38px; }}

@media only screen and (max-width: 1000px) { div{ font-size: 37px; }}

@media only screen and (max-width: 900px) { div{ font-size: 36px; }}

@media only screen and (max-width: 800px) { div{ font-size: 35px; }}

@media only screen and (max-width: 700px) { div{ font-size: 34px; }}

@media only screen and (max-width: 600px) { div{ font-size: 33px; }}

@media only screen and (max-width: 500px) { div{ font-size: 32px; }}

@media only screen and (max-width: 400px) { div{ font-size: 31px; }}

@media only screen and (max-width: 300px) { div{ font-size: 30px; }}