/*
Import typefaces
*/
@font-face {
    font-family: Druk;
    src: url('../fonts/Druk_medium.otf');
    font-style: normal;
	font-weight: 700;
	font-stretch: condensed;
}

@font-face {
    font-family: TNR;
    src: url('../fonts/TNR_regular.ttf');
    font-style: normal;
	font-weight: 500;
	font-stretch: normal;
}

@font-face {
    font-family: TNR;
    src: url('../fonts/TNR_italic.ttf');
    font-style: italic;
	font-weight: 500;
	font-stretch: normal;
}


/* 
Typography
*/
.t-caption {
    font-family: TNR, 'Times New Roman', Times, serif;
    font-size: 1.4rem;
    line-height: 105%;
    letter-spacing: -.005em;
}

.t-small {
    font-family: TNR, 'Times New Roman', Times, serif;
    font-size: 2rem;
    line-height: 98%;
    letter-spacing: -.005em;
}
@media only screen and (max-height: 660px) {
    .t-small {font-size: 1.75rem;}
}

.t-medium {
    font-family: Druk, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: calc(25.5vw - 4.75rem);
    line-height: 78%;
    letter-spacing: -.01em;
}
@media only screen and (max-height: 470px) {
    .t-medium {
        font-size: calc(28.25vw - 9.5rem);
    }
}
@media only screen and (min-width: 1024px) {
    .t-medium {
        font-size: calc(14.3vw - 4.75rem);
    }
}
body.ios .t-medium {
    line-height: 84%;
}

.t-large {
    font-family: Druk, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 1rem;
    line-height: .75em;
    letter-spacing: -.035em;
}

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

.t-lowercase {
	text-transform: lowercase;
}

.t-italic {
    font-style: italic;
}

.t-left {
    text-align: left;
}

.t-center {
	text-align: center;
}

.t-right {
    text-align: right;
}

.t-underline {
    text-decoration: underline;
}