Media Queries

100px

200px

300px

400px

500px

600px

700px

800px

900px

1000px

1100px

1200px

1300px

1400px

1500px

1600px

1700px

1800px

1900px

2000px

This has to be done at the bottom of the style sheet after normal CSS crap

Sample Paragraph change @ 1000 px MAX

Sample Paragraph Change @ 700 px MAX

Sample Paragraph Change @ 500 px MAX


@media only screen and (max-width: 500px){
    .warningParagraph{
        font-size: 15px;
    }
}
@media only screen and (max-width: 700px){
    .warningParagraph{
        font-size: 20px;
    }
}
@media only screen and (max-width: 1000px){
    .warningParagraph{
        font-size: 25px;
    }
}