@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@400;800|Open+Sans:ital,wght@0,600;1,400;1,600&display=swap');

body {background-color: #fdcf9e; color: #e3255b;}

h1, h2, h3, h4 {font-family: 'BioRhyme', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 800;}

h1 {font-size: 6em;}

p {font-family: 'BioRhyme', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; font-size: 1.5em; color: #e3255b;
}

p.jk {font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; font-size: 1.3em; color: #4d4d4d;
}

p.us {font-family: 'BioRhyme', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; font-size: 1.3em; color: #e3255b;
}


#headerGraphic {position: absolute; left: 0; top: 0; display: block; width: 100%;
    background-color: transparent; background-image: url('../gfx/withtheT-Header-2.webp'); background-size: cover; z-index: 10;}

@media only screen  and (min-width : 1224px) { /* Desktops and laptops ----------- */
    #headerGraphic {
        min-height: 587px;}
}
#headerInner{
    display: block;
    height: 0;
    padding-top: 21.6%; /* height / width x 100 */
}
#zSorter {position: relative; z-index: 20; margin-top: 18%;}
.quotes {display: none;}​