/* @font-face
{
    font-family: Futura;
    src: url(/fonts/futura-medium.ttf);
    font-weight: normal;
}
@font-face
{
    font-family: Futura;
    src: url(/fonts/futura-light.ttf);
    font-weight: 300;
}
@font-face
{
    font-family: Futura;
    src: url(/fonts/futura-heavy.ttf);
    font-weight: 700;
}
@font-face
{
    font-family: Futura;
    src: url(/fonts/futura-xblk.ttf);
    font-weight: 900;
} */

.italic
{
    font-style:italic;
}
.font-grey
{
    color:var(--c_50);
}

h1
{
    font-size:3.75rem;
    font-weight:900;
    margin:0px;
}
h2
{
    /* font-size:32pt; */
    font-size:2.65rem;
    font-weight:600;
    margin:0px;
}
h3
{
    font-size:2rem;
    font-weight:500;
    margin:0px;
}

div.h > p
{
    margin:0px;
}

b
{
    font-weight:450;

    color:var(--c_bold);
}
i
{
    color:var(--c_italic);
}

sup
{
    font-size:0.75rem;
    margin:0px;
}


p, .input, li, li > p, input, select, a.link
{
    font-size:1.15rem;
}
p
{
    font-weight:300;
    margin:0.75rem 0rem;
}

ol, ul
{
    margin:0px;
    padding:0px 1rem;
}

li
{
    margin:0.5rem 0rem 0.5rem 1rem;
}
li > p
{
    display:inline;
}

code
{
    line-height:1.2rem;
}
code > p
{
    margin:0px;
}

a.link-dtf
{
    color:var(--c_main);
}
a.link-normal
{
    color:var(--c_alt);
}
a.link-header
{
    color:var(--c_100);
    font-style:normal!important;
}

a.link
{
    font-weight:350;
    text-decoration:none;
    font-style:italic;
}
a.link:hover
{
    text-decoration:underline;
    cursor:pointer;
}

span.text-wave
{
    overflow:visible;
    font-weight:450;
}

span.text-wave > span
{
    display:inline-block;
    animation-name: wave;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    white-space: pre;
    overflow:visible;
}

@keyframes wave
{
    0%  {transform:translateY(-0.15rem);}
    100%  {transform:translateY(0.15rem);}
}