@media (min-width: 1200px) {
.container {max-width: 1200px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
h1 {font-size: 28px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px) {
body {font-size: 14px;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 15px;}
p {font-size: 14px;}
}
@media (max-width: 767px) {
body {font-size: 14px;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
p {font-size: 14px;}
}