/*FONTS*/
/*PLACE AT END AS FALLBACK TO AVOID REPAINTS*/
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
body {
line-height: 1.58;
-webkit-font-smoothing: antialiased;
letter-spacing: 0.015em;
word-spacing: 0.001em;
}
/*svg {font-size: 0.1rem;}*/
/*BELLOW 360px*/
@media only screen and (max-width: 359px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 360px UP TO 374px*/
@media only screen and (min-width: 360px) and (max-width: 374px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 375px UP TO 389px*/
@media only screen and (min-width: 375px) and (max-width: 389px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 390px UP TO 413px*/
@media only screen and (min-width: 390px) and (max-width: 413px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 414px UP TO 600px*/
@media only screen and (min-width: 414px) and (max-width: 600px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 601px UP TO 767px*/
@media only screen and (min-width: 601px) and (max-width: 767px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 768px UP TO 1023px*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 1024px UP TO 1279px*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 1280px UP TO 1365px*/
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 1366px UP TO 1919px*/
@media only screen and (min-width: 1366px) and (max-width: 1919px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}
/*STARTING AT 1920px*/
@media only screen and (min-width: 1920px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 2rem;}
h5 {font-size: 2rem;}
h6 {font-size: 2rem;}
}