/*
Import typefaces
*/
@font-face {
    font-family: HelveticaLT;
    src: url('../fonts/HelveticaLTStd-Roman.otf');
    font-style: normal;
	font-weight: 500;
	font-stretch: normal;
}


/* 
Typography
*/
.t-xxsmall,
.t-xsmall,
.t-small,
.t-body,
.t-medium,
.t-medium_xl,
.t-large,
.t-xlarge,
.t-xxlarge {
    font-family: HelveticaLT, Helvetica, Arial, sans-serif;
    display: block;
    scale: 1 2.2;
    transform-origin: top;
}

.t-xsmall {
    font-size: .75rem;
    line-height: 220%;
    white-space: nowrap;
}

.t-xxsmall,
.t-small,
.t-medium_xl {
    font-size: 1rem;
    line-height: 100%;
}
@media only screen and (min-width: 1024px) {
    .t-xxsmall {font-size: .75rem;}
    .t-small {font-size: 1.3333rem;}
    .t-medium_xl {font-size: 2.5rem;}
}

.t-body {
    font-size: 1.3333rem;
    line-height: 100%;
}

.t-medium {
    font-size: 2rem;
    line-height: 100%;
    letter-spacing: .005em;
}

.t-large {
    font-size: 10vw;
    line-height: 100%;
    letter-spacing: .005em;
}
@media only screen and (min-width: 1024px) {
    .t-large {font-size: 3.75vw;}
}

.t-xlarge,
.t-xlarge {
    font-size: 33vw;
    line-height: 100%;
    letter-spacing: -0.05em;
}
@media only screen and (min-width: 1024px) {
    .t-xlarge {
        font-size: 11vw;
        letter-spacing: 0;
    }

    .t-xxlarge {
        font-size: 20vw;
        letter-spacing: 0;
    }
}

/* 
Text Style 
*/
.t-uppercase {text-transform: uppercase;}
.t-lowercase {text-transform: lowercase;}

.t-underline {text-decoration: underline;}
.t-skew {transform: translateX(11vw) skew(-70deg);}
.t-skew-small {transform: skew(-70deg);}
@media (hover: hover) {
    .t-link-small:hover {transform: skew(-70deg);}
    .t-link-small--left:hover {transform: translateX(2em) skew(-70deg);}

    .t-link:hover {transform: translateX(7vw) skew(-70deg);}
}

.t-left {text-align: left;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-justify {
    text-align: justify;
    text-justify: inter-word;
    text-align-last: center;
}