@media only screen and (min-width:320px){h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:100%;}
p{font-size:100%;}
.nav-justified>li{font-size:100%;}
}
@media only screen and (min-width:480px){h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}
p{font-size:110%;}
.nav-justified>li{font-size:120%;}
}
@media only screen and (min-width:768px){h1{font-size:160%;}
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
p{font-size:110%;}
.nav-justified>li{font-size:120%;}
}
@media only screen and (min-width:992px){h1{font-size:160%;}
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
p{font-size:110%;}
.nav-justified>li{font-size:130%;}
}
@media only screen and (min-width:1200px){h1{font-size:160%;margin-top:-10px;}
h2{font-size:120%;line-height:160%;}
h3{font-size:110%;}
h4{font-size:100%;}
p{font-size:100%;}
.nav-justified>li{font-size:130%;}
}
@media only screen and (min-width:1600px){h1{font-size:180%;margin-top:-10px;}
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
p{font-size:130%;}
.nav-justified>li{font-size:150%;}
}
@media only screen and (min-width:2000px){h1{font-size:230%;margin-top:-10px;}
h2{font-size:190%;}
h3{font-size:180%;}
h4{font-size:170%;}
p{font-size:150%;}
.nav-justified>li{font-size:170%;}
}
@media only screen and (min-width:2400px){h1{font-size:270%;margin-top:-10px;}
h2{font-size:230%;}
h3{font-size:220%;}
h4{font-size:210%;}
p{font-size:180%;}
.nav-justified>li{font-size:200%;}
}
@media only screen and (min-width:2800px){h1{font-size:310%;margin-top:-10px;}
h2{font-size:270%;}
h3{font-size:260%;}
h4{font-size:250%;}
p{font-size:200%;}
.nav-justified>li{font-size:220%;}
}
@media only screen and (min-width:3400px){h1{font-size:350%;margin-top:-10px;}
h2{font-size:310%;}
h3{font-size:300%;}
h4{font-size:290%;}
p{font-size:250%;}
.nav-justified>li{font-size:270%;}
}