@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');:root {
    --max_width: 1400px;                        --font_family_one: 'ramo-dej', sans-serif;;             --font_family_two: 'ramo-del', sans-serif;;             --font_family_three: 'Poppins', sans-serif;;             }
.login #login h1 a { background-image: url(https://realorganicproject.org/wp-content/uploads/2023/04/ROP-Logo_CLEANED-UP.png);background-size:contain;height:auto;width:auto;}body, body p, body span, body ul, body li, body em {font: 400 18px/27px var(--font_family_three);color:#31302e;}
h1, .header-one, .header-1, h1 span {font: 400 76px/76px var(--font_family_one);color:#31302e;}
h2, .header-two, .header-2  {font: 400 60px/60px var(--font_family_one);color:#31302e;}
h3, .header-three, .header-3  {font: 400 46px/46px var(--font_family_two);color:#31302e;}
h4, .header-four, .header-4  {font: 400 30px/30px var(--font_family_two);color:#31302e;}
h5, .header-five, .header-5  {font: 400 30px/30px var(--font_family_two);color:#31302e;}
h6, .header-six, .header-6  {font: 400 21px/21px var(--font_family_two);color:#31302e;}
.header .header-alert {background-color:#3d3d3d!important; max-width:1400px; margin:0 auto 25px;}
.header-alert span, .header-alert span p {color:#ffffff;}
.header .header-alert.hide-header-alert {margin-bottom:0;}

@media screen and (max-width:1024px) {
    body, body p, body span, body ul, body li, body em {font: 400 16px/25px var(--font_family_three);}
    h1, .header-one, .header-1, h1 span {font: 400 46px/46px var(--font_family_one);}
    h2, .header-two, .header-2 {font: 400 36px/36px var(--font_family_one);}
    h3, .header-three, .header-3 {font: 400 28px/28px var(--font_family_two);}
    h4, .header-four, .header-4 {font: 400 20px/20px var(--font_family_two);}
    h5, .header-five, .header-5 {font: 400 16px/16px var(--font_family_two);}
    h6, .header-six, .header-6 {font: 400 14px/14px var(--font_family_two);}
}