@font-face { font-family: 'fff'; src: url("/fonts/fff-BlackItalic_gdi.eot"); src: url("/fonts/fff-BlackItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-BlackItalic_gdi.woff") format("woff"), url("/fonts/fff-BlackItalic_gdi.svg#fff-BlackItalic") format("svg"); font-weight: 800; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Black_gdi.eot"); src: url("/fonts/fff-Black_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Black_gdi.woff") format("woff"), url("/fonts/fff-Black_gdi.svg#fff-Black") format("svg"); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-BoldItalic_gdi.eot"); src: url("/fonts/fff-BoldItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-BoldItalic_gdi.woff") format("woff"), url("/fonts/fff-BoldItalic_gdi.svg#fff-BoldItalic") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Bold_gdi.eot"); src: url("/fonts/fff-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Bold_gdi.woff") format("woff"), url("/fonts/fff-Bold_gdi.svg#fff-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-LightItalic_gdi.eot"); src: url("/fonts/fff-LightItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-LightItalic_gdi.woff") format("woff"), url("/fonts/fff-LightItalic_gdi.svg#fff-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Light_gdi.eot"); src: url("/fonts/fff-Light_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Light_gdi.woff") format("woff"), url("/fonts/fff-Light_gdi.svg#fff-Light") format("svg"); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-RegularItalic_gdi.eot"); src: url("/fonts/fff-RegularItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-RegularItalic_gdi.woff") format("woff"), url("/fonts/fff-RegularItalic_gdi.svg#fff-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Regular_gdi.eot"); src: url("/fonts/fff-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Regular_gdi.woff") format("woff"), url("/fonts/fff-Regular_gdi.svg#fff-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-BoldItalic_gdi.eot"); src: url("/fonts/ggg-BoldItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-BoldItalic_gdi.woff") format("woff"), url("/fonts/ggg-BoldItalic_gdi.svg#ggg-BoldItalic") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Bold_gdi.eot"); src: url("/fonts/ggg-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Bold_gdi.woff") format("woff"), url("/fonts/ggg-Bold_gdi.svg#ggg-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-LightItalic_gdi.eot"); src: url("/fonts/ggg-LightItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-LightItalic_gdi.woff") format("woff"), url("/fonts/ggg-LightItalic_gdi.svg#ggg-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Light_gdi.eot"); src: url("/fonts/ggg-Light_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Light_gdi.woff") format("woff"), url("/fonts/ggg-Light_gdi.svg#ggg-Light") format("svg"); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-RegularItalic_gdi.eot"); src: url("/fonts/ggg-RegularItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-RegularItalic_gdi.woff") format("woff"), url("/fonts/ggg-RegularItalic_gdi.svg#ggg-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Regular_gdi.eot"); src: url("/fonts/ggg-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Regular_gdi.woff") format("woff"), url("/fonts/ggg-Regular_gdi.svg#ggg-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
/*
@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-BookItalic.eot'); src: url('MessinaSerifWeb-BookItalic.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-BookItalic.woff') format('woff'), url('MessinaSerifWeb-BookItalic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04;
}

@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-LightItalic.eot'); src: url('MessinaSerifWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-LightItalic.woff') format('woff'), url('MessinaSerifWeb-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04;
}

@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-Light.eot'); src: url('MessinaSerifWeb-Light.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-Light.woff') format('woff'), url('MessinaSerifWeb-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04;
}
*/
.h1, .project__title, h1 { font: 300 60px/66px "ggg", "Times New Roman", serif; }
@media screen and (max-width: 767px) { .h1, .project__title, h1 { font-size: 48px; line-height: 53px; } }

.h2, .work__title, .work__category, .project__heading, .about__bio, h2 { font: 300 40px/48px "ggg", "Times New Roman", serif; }
@media screen and (max-width: 767px) { .h2, .work__title, .work__category, .project__heading, .about__bio, h2 { font-size: 32px; line-height: 38px; } }

.h3, .nav__item, .project__date, .project__category, .about__bio-title, .about__contact-title, .about__clients-title, .about__staff-title, h3 { font: 20px/26px "fff", Arial, sans-serif; text-transform: uppercase; }
@media screen and (max-width: 767px) { .h3, .nav__item, .project__date, .project__category, .about__bio-title, .about__contact-title, .about__clients-title, .about__staff-title, h3 { font-size: 16px; line-height: 21px; } }

.body, body { font: 300 20px/26px "ggg", "Times New Roman", serif; }
@media screen and (max-width: 767px) { .body, body { font-size: 16px; line-height: 21px; } }

@font-face { font-family: 'fff'; src: url("/fonts/fff-BlackItalic_gdi.eot"); src: url("/fonts/fff-BlackItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-BlackItalic_gdi.woff") format("woff"), url("/fonts/fff-BlackItalic_gdi.svg#fff-BlackItalic") format("svg"); font-weight: 800; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Black_gdi.eot"); src: url("/fonts/fff-Black_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Black_gdi.woff") format("woff"), url("/fonts/fff-Black_gdi.svg#fff-Black") format("svg"); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-BoldItalic_gdi.eot"); src: url("/fonts/fff-BoldItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-BoldItalic_gdi.woff") format("woff"), url("/fonts/fff-BoldItalic_gdi.svg#fff-BoldItalic") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Bold_gdi.eot"); src: url("/fonts/fff-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Bold_gdi.woff") format("woff"), url("/fonts/fff-Bold_gdi.svg#fff-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-LightItalic_gdi.eot"); src: url("/fonts/fff-LightItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-LightItalic_gdi.woff") format("woff"), url("/fonts/fff-LightItalic_gdi.svg#fff-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Light_gdi.eot"); src: url("/fonts/fff-Light_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Light_gdi.woff") format("woff"), url("/fonts/fff-Light_gdi.svg#fff-Light") format("svg"); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-RegularItalic_gdi.eot"); src: url("/fonts/fff-RegularItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-RegularItalic_gdi.woff") format("woff"), url("/fonts/fff-RegularItalic_gdi.svg#fff-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Regular_gdi.eot"); src: url("/fonts/fff-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Regular_gdi.woff") format("woff"), url("/fonts/fff-Regular_gdi.svg#fff-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-BoldItalic_gdi.eot"); src: url("/fonts/ggg-BoldItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-BoldItalic_gdi.woff") format("woff"), url("/fonts/ggg-BoldItalic_gdi.svg#ggg-BoldItalic") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Bold_gdi.eot"); src: url("/fonts/ggg-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Bold_gdi.woff") format("woff"), url("/fonts/ggg-Bold_gdi.svg#ggg-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-LightItalic_gdi.eot"); src: url("/fonts/ggg-LightItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-LightItalic_gdi.woff") format("woff"), url("/fonts/ggg-LightItalic_gdi.svg#ggg-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Light_gdi.eot"); src: url("/fonts/ggg-Light_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Light_gdi.woff") format("woff"), url("/fonts/ggg-Light_gdi.svg#ggg-Light") format("svg"); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-RegularItalic_gdi.eot"); src: url("/fonts/ggg-RegularItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-RegularItalic_gdi.woff") format("woff"), url("/fonts/ggg-RegularItalic_gdi.svg#ggg-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Regular_gdi.eot"); src: url("/fonts/ggg-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Regular_gdi.woff") format("woff"), url("/fonts/ggg-Regular_gdi.svg#ggg-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
/*
@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-BookItalic.eot'); src: url('MessinaSerifWeb-BookItalic.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-BookItalic.woff') format('woff'), url('MessinaSerifWeb-BookItalic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04;
}

@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-LightItalic.eot'); src: url('MessinaSerifWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-LightItalic.woff') format('woff'), url('MessinaSerifWeb-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04;
}

@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-Light.eot'); src: url('MessinaSerifWeb-Light.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-Light.woff') format('woff'), url('MessinaSerifWeb-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04;
}
*/
/* Taken from Bootstrap v4 */
.form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:focus { color: #55595c; background-color: #fff; border-color: #66afe9; outline: none; }

.form-control::-webkit-input-placeholder { color: #999; opacity: 1; }

.form-control::-moz-placeholder { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder { color: #999; opacity: 1; }

.form-control::placeholder { color: #999; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; }

.form-control:disabled { cursor: not-allowed; }

select.form-control:not([size]):not([multiple]) { height: calc(2.5rem - 2px); }

select.form-control:focus::-ms-value { color: #55595c; background-color: #fff; }

/* Taken from Bootstrap v4 */
.btn { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; }

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:focus, .btn:hover { text-decoration: none; }

.btn.focus { text-decoration: none; }

.btn:active, .btn.active { background-image: none; outline: 0; }

.btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; }

@font-face { font-family: 'fff'; src: url("/fonts/fff-BlackItalic_gdi.eot"); src: url("/fonts/fff-BlackItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-BlackItalic_gdi.woff") format("woff"), url("/fonts/fff-BlackItalic_gdi.svg#fff-BlackItalic") format("svg"); font-weight: 800; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Black_gdi.eot"); src: url("/fonts/fff-Black_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Black_gdi.woff") format("woff"), url("/fonts/fff-Black_gdi.svg#fff-Black") format("svg"); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-BoldItalic_gdi.eot"); src: url("/fonts/fff-BoldItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-BoldItalic_gdi.woff") format("woff"), url("/fonts/fff-BoldItalic_gdi.svg#fff-BoldItalic") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Bold_gdi.eot"); src: url("/fonts/fff-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Bold_gdi.woff") format("woff"), url("/fonts/fff-Bold_gdi.svg#fff-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-LightItalic_gdi.eot"); src: url("/fonts/fff-LightItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-LightItalic_gdi.woff") format("woff"), url("/fonts/fff-LightItalic_gdi.svg#fff-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Light_gdi.eot"); src: url("/fonts/fff-Light_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Light_gdi.woff") format("woff"), url("/fonts/fff-Light_gdi.svg#fff-Light") format("svg"); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-RegularItalic_gdi.eot"); src: url("/fonts/fff-RegularItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-RegularItalic_gdi.woff") format("woff"), url("/fonts/fff-RegularItalic_gdi.svg#fff-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'fff'; src: url("/fonts/fff-Regular_gdi.eot"); src: url("/fonts/fff-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/fff-Regular_gdi.woff") format("woff"), url("/fonts/fff-Regular_gdi.svg#fff-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-BoldItalic_gdi.eot"); src: url("/fonts/ggg-BoldItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-BoldItalic_gdi.woff") format("woff"), url("/fonts/ggg-BoldItalic_gdi.svg#ggg-BoldItalic") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Bold_gdi.eot"); src: url("/fonts/ggg-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Bold_gdi.woff") format("woff"), url("/fonts/ggg-Bold_gdi.svg#ggg-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-LightItalic_gdi.eot"); src: url("/fonts/ggg-LightItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-LightItalic_gdi.woff") format("woff"), url("/fonts/ggg-LightItalic_gdi.svg#ggg-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Light_gdi.eot"); src: url("/fonts/ggg-Light_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Light_gdi.woff") format("woff"), url("/fonts/ggg-Light_gdi.svg#ggg-Light") format("svg"); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-RegularItalic_gdi.eot"); src: url("/fonts/ggg-RegularItalic_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-RegularItalic_gdi.woff") format("woff"), url("/fonts/ggg-RegularItalic_gdi.svg#ggg-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04; }
@font-face { font-family: 'ggg'; src: url("/fonts/ggg-Regular_gdi.eot"); src: url("/fonts/ggg-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/ggg-Regular_gdi.woff") format("woff"), url("/fonts/ggg-Regular_gdi.svg#ggg-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; }
/*
@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-BookItalic.eot'); src: url('MessinaSerifWeb-BookItalic.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-BookItalic.woff') format('woff'), url('MessinaSerifWeb-BookItalic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04;
}

@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-LightItalic.eot'); src: url('MessinaSerifWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-LightItalic.woff') format('woff'), url('MessinaSerifWeb-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-stretch: normal; unicode-range: U+000D-FB04;
}

@font-face { font-family:'MessinaSerifWeb'; src: url('MessinaSerifWeb-Light.eot'); src: url('MessinaSerifWeb-Light.eot?#iefix') format('embedded-opentype'), url('MessinaSerifWeb-Light.woff') format('woff'), url('MessinaSerifWeb-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04;
}
*/
.nav { position: relative; z-index: 10; top: 0; left: 0; width: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0)); }
.nav__container { margin-top: 40px; margin-bottom: 30px; width: 100%; }
.nav__logo-link { display: block; text-decoration: none; color: #000; position: relative; overflow: hidden; }
.nav__logo-type { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -moz-transition-property: opacity, -moz-transform; -o-transition-property: opacity, -o-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-transition-timing-function: linear; transition-timing-function: linear; width: 100%; }
.nav__logo-mark { position: absolute; top: 0; left: 0; width: 100%; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
.nav__item { display: block; color: #fff; text-decoration: none; text-align: center; margin: 10px 20px; display: inline-block; }
.nav__item--selected { text-decoration: underline; }
.nav__item:last-child { margin-right: 55px; }
@media screen and (min-width: 768px) { .nav { position: fixed; }
  .nav__logo-type, .nav__logo-mark { margin-left: 20px; width: 500px; }
  .nav__container { display: -webkit-flex; display: flex; }
  .nav__spacer { background-color: #000; height: 210px; }
  .nav__col:nth-child(1) { -webkit-flex: 1 0; flex: 1 0; }
  .nav__col:nth-child(2) { -webkit-flex: 2 0; flex: 2 0; text-align: right; }
  .nav__item { font-size: 25px; } }

@media screen and (min-width: 768px) { .nav--minimize .nav__logo-type { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.home__image { display: block; position: absolute; top: 0; right: 0; width: 100vw; height: 100vh; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.home__image--previous { z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.home__image--active { z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.work { overflow: hidden; *zoom: 1; padding-bottom: 100px; }
.work__link { position: relative; display: block; width: 100%; height: 0; padding-top: 56.25%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.work__gradient { position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.8))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8)); }
.work__details { position: absolute; left: 0; bottom: 0; padding: 15px; }
.work__title { color: #fff; display: block; }
.work__category { color: #999; display: none; }
@media screen and (min-width: 768px) { .work__details { padding: 30px 60px; }
  .work__link { float: left; width: 50%; height: 0; padding-top: 28.13%; } }

.project__title { margin-top: 0; }
.project__date { line-height: 70px; }
.project__category { line-height: 70px; display: none; }
.project__slash { height: 70px; vertical-align: middle; }
.project__heading { margin: 0; }
.project__description p { text-indent: 30px; margin: 0 0 15px 0; }
.project__description p:last-child { margin: 0 0 0px; }
.project__description a { color: #fff; }
.project__description h3 { margin-bottom: 0; }
.project__top-row { margin: 20px; }
.project__bottom-row { margin: 20px 20px; }
.project__featured { width: 100%; text-align: center; padding-top: 56.25%; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 100px; }
.project__gallery { width: 100%; padding: 0 20px 20px; margin: auto; text-align: center; }
.project__image { width: 100%; }
.project__embed-wrapper { padding: 0 20px 20px; text-align: center; }
.project__embed { margin: auto; position: relative; }
.project__embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (min-width: 768px) { .project__category { text-align: right; }
  .project__top-row { display: -webkit-flex; display: flex; margin-left: 107px; margin-right: 107px; }
  .project__bottom-row { display: -webkit-flex; display: flex; margin: 100px 107px; max-width: 1600px; } }
@media screen and (min-width: 768px) and (min-width: 1814px) { .project__bottom-row { margin: 100px auto; } }
@media screen and (min-width: 768px) { .project__col:nth-child(1) { -webkit-flex: 1 0; flex: 1 0; padding-right: 15px; }
  .project__col:nth-child(2) { -webkit-flex: 1 0; flex: 1 0; padding-left: 15px; }
  .project__description:nth-child(2) { padding-left: 0; }
  .project__gallery { position: relative; padding: 0 107px 100px; }
  .project__embed-wrapper { padding: 0 100px 100px; }
  .project__col .project__gallery { padding: 30px 0 30px; }
  .project__caption { text-align: left; padding-top: 10px; position: absolute; bottom: 0; left: 0; width: 100%; color: #777; } }

.about { margin: 20px; }
.about p { margin: 0; }
.about__heading { width: 100%; }
.about__bio-title, .about__contact-title { margin-bottom: 5px; }
.about__bio { margin-bottom: 50px; }
.about__contact { margin-bottom: 50px; }
.about__clients-title, .about__staff-title { text-align: center; margin: 80px 0 40px; }
.about__clients, .about__staff { font: 20px/25px "ggg", "Times New Roman", serif; font-weight: 300; column-count: 2; }
@media screen and (min-width: 768px) { .about__clients, .about__staff { column-count: 4; } }
@media screen and (min-width: 768px) { .about { display: -webkit-flex; display: flex; margin: 0 107px; }
  .about__col:nth-child(1) { -webkit-flex: 0 1 700px; flex: 0 1 700px; }
  .about__col:nth-child(2) { -webkit-flex: 0 1; flex: 0 1; padding-left: 50px; } }

@-moz-keyframes loadingfade { 0% { opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes loadingfade { 0% { opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes loadingfade { 0% { opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
.loading { position: fixed; z-index: 11; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.loading--fade { -moz-animation: loadingfade 700ms linear forwards; -webkit-animation: loadingfade 700ms linear forwards; animation: loadingfade 700ms linear forwards; }
.loading__box { -webkit-flex: 0 50px; flex: 0 50px; }
.loading__image { width: 125px; }

.embed { margin: auto; position: relative; display: inline-block; }
.embed__wrapper { text-align: center; }
.embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

*, *:before, *:after { box-sizing: border-box; }

body { margin: 0; background-color: #000; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

a { color: #000; text-decoration: none; }

.hidden { display: none; }

#main-container { position: relative; max-width: auto; margin: auto; }

.page { -moz-transition: opacity 250ms linear; -o-transition: opacity 250ms linear; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.page__fade--in { position: relative; z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.page__fade--out { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.default { margin-top: 200px; }