Yes, thats correct. And this is the mobile specific CSS I have in there so far:
---
@media @mobile {
/* Insert Code for Mobile Below This Line*/
@font-face {
font-family: 'NOAH';
src: url('https://static1.squarespace.com/static/5cf7ddfac0827b0001ca0b72/t/5d13085b0ebe8d0001347c5c/1561528412192/Fontfabric+-+Noah+Grotesque+Heavy.ttf');
}
//ASSIGN NOAH REGULAR FONT//
.has-site-title .mobile-Header-branding {
font-family: 'NOAH' ; font-size: 35px;}
p, h1, h2, h3 {
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
}
body {text-align:justify}
h, h1 ,h2, h3, {
font-family: 'NOAH';
font-weight: 200; }
h1 {
font-size: 22px;
}
h2 {
font-size: 15px;
}
h3 {
font-size: 15px;
}
p {
font-size: 15px;
}
/* Insert Code for Mobile Above This Line */
}
---