@font-face {
    font-family: 'Metric';
    src: url('Metric-Thin.eot');
    src: url('Metric-Thin.eot?#iefix') format('embedded-opentype'),
        url('Metric-Thin.woff2') format('woff2'),
        url('Metric-Thin.woff') format('woff'),
        url('Metric-Thin.ttf') format('truetype'),
        url('Metric-Thin.svg#Metric-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-Semibold.eot');
    src: url('Metric-Semibold.eot?#iefix') format('embedded-opentype'),
        url('Metric-Semibold.woff2') format('woff2'),
        url('Metric-Semibold.woff') format('woff'),
        url('Metric-Semibold.ttf') format('truetype'),
        url('Metric-Semibold.svg#Metric-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-BoldItalic.eot');
    src: url('Metric-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-BoldItalic.woff2') format('woff2'),
        url('Metric-BoldItalic.woff') format('woff'),
        url('Metric-BoldItalic.ttf') format('truetype'),
        url('Metric-BoldItalic.svg#Metric-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-Medium.eot');
    src: url('Metric-Medium.eot?#iefix') format('embedded-opentype'),
        url('Metric-Medium.woff2') format('woff2'),
        url('Metric-Medium.woff') format('woff'),
        url('Metric-Medium.ttf') format('truetype'),
        url('Metric-Medium.svg#Metric-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-BlackItalic.eot');
    src: url('Metric-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-BlackItalic.woff2') format('woff2'),
        url('Metric-BlackItalic.woff') format('woff'),
        url('Metric-BlackItalic.ttf') format('truetype'),
        url('Metric-BlackItalic.svg#Metric-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-Bold.eot');
    src: url('Metric-Bold.eot?#iefix') format('embedded-opentype'),
        url('Metric-Bold.woff2') format('woff2'),
        url('Metric-Bold.woff') format('woff'),
        url('Metric-Bold.ttf') format('truetype'),
        url('Metric-Bold.svg#Metric-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-Regular.eot');
    src: url('Metric-Regular.eot?#iefix') format('embedded-opentype'),
        url('Metric-Regular.woff2') format('woff2'),
        url('Metric-Regular.woff') format('woff'),
        url('Metric-Regular.ttf') format('truetype'),
        url('Metric-Regular.svg#Metric-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('MetricBlack.eot');
    src: url('MetricBlack.eot?#iefix') format('embedded-opentype'),
        url('MetricBlack.woff2') format('woff2'),
        url('MetricBlack.woff') format('woff'),
        url('MetricBlack.ttf') format('truetype'),
        url('MetricBlack.svg#MetricBlack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-MediumItalic.eot');
    src: url('Metric-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-MediumItalic.woff2') format('woff2'),
        url('Metric-MediumItalic.woff') format('woff'),
        url('Metric-MediumItalic.ttf') format('truetype'),
        url('Metric-MediumItalic.svg#Metric-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-ThinItalic.eot');
    src: url('Metric-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-ThinItalic.woff2') format('woff2'),
        url('Metric-ThinItalic.woff') format('woff'),
        url('Metric-ThinItalic.ttf') format('truetype'),
        url('Metric-ThinItalic.svg#Metric-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-RegularItalic.eot');
    src: url('Metric-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-RegularItalic.woff2') format('woff2'),
        url('Metric-RegularItalic.woff') format('woff'),
        url('Metric-RegularItalic.ttf') format('truetype'),
        url('Metric-RegularItalic.svg#Metric-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-SemiboldItalic.eot');
    src: url('Metric-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-SemiboldItalic.woff2') format('woff2'),
        url('Metric-SemiboldItalic.woff') format('woff'),
        url('Metric-SemiboldItalic.ttf') format('truetype'),
        url('Metric-SemiboldItalic.svg#Metric-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-Light.eot');
    src: url('Metric-Light.eot?#iefix') format('embedded-opentype'),
        url('Metric-Light.woff2') format('woff2'),
        url('Metric-Light.woff') format('woff'),
        url('Metric-Light.ttf') format('truetype'),
        url('Metric-Light.svg#Metric-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('Metric-LightItalic.eot');
    src: url('Metric-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('Metric-LightItalic.woff2') format('woff2'),
        url('Metric-LightItalic.woff') format('woff'),
        url('Metric-LightItalic.ttf') format('truetype'),
        url('Metric-LightItalic.svg#Metric-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@import "fontawesome.css";

.top-social-icons svg {
    margin-top:4px;
    width:22px;
}