body{
    font-family: "neuzeit-grotesk",sans-serif !important;
    font-weight: 300;
}

h1{
    font-family: "neuzeit-grotesk",sans-serif !important;
    font-weight: 300;
    font-size: 1em !important;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    margin:0px !important;
    line-height: 150% !important;
}

h2{
    font-family: "neuzeit-grotesk",sans-serif !important;
    text-transform: uppercase;
    font-size: 1em !important;
    letter-spacing: 2px !important;
    font-weight: 300 !important;
}

h3{
    font-family: "neuzeit-grotesk",sans-serif !important;
    font-size: 1em !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin:0px !important;
}

h4{
    font-family: "neuzeit-grotesk",sans-serif !important;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin:0px !important;
}

p.italic{
    font-family: "freight-text-pro",sans-serif !important;
    font-style: italic;
    margin:0px !important;
    font-size: 1em;
}

p.modern{
    font-family: "neuzeit-grotesk",sans-serif !important;
    margin:0px !important;
    font-size: 1em;
}

@media(max-width: 550px){
    p.modern{
        margin:0px !important;
        font-size: 1em;
    }

    .square-box h3{
        font-family: "neuzeit-grotesk",sans-serif !important;
        font-size: 0.7em !important;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin:0px !important;
    }
}



.bold{
    font-weight: 700;
}

.uppercase{
    text-transform: uppercase;
}

sup {
    vertical-align: super;
    font-size: 0.7em !important;
}