html,
body{
    overflow-x:hidden;
	font-family: 'Plus Jakarta Sans', sans-serif;
	background-color: theme('colors.surface');
	color: theme('colors.on-surface');
}


h1,
h2,
h3,
h4,
h5,
h6,
.font-headline {
	font-family: 'Noto Serif', serif;
}

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}


img{
    max-width:100%;
}

@media(max-width:767px){

    h1{
        font-size:34px !important;
        line-height:1.2 !important;
    }

    h2{
        font-size:28px !important;
        line-height:1.3 !important;
    }

    p{
        font-size:15px !important;
        line-height:1.8 !important;
    }

}

.field_error {
    width: 100%;
    color: #a94442;
}