@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: local('Lobster'), url(../fonts/Lobster.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url(../fonts/Montserrat.woff) format('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff) format('woff');
}

@font-face {
    font-family: 'Arvo';
    font-style: normal;
    font-weight: 400;
    src: local('Arvo'), url(../fonts/Arvo.woff) format('woff');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 100;
    src: local('Hanken Grotesk'), url(../fonts/HankenGrotesk.woff2) format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 200;
    src: local('Hanken Grotesk'), url(../fonts/HankenGrotesk.woff2) format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 300;
    src: local('Hanken Grotesk'), url(../fonts/HankenGrotesk.woff2) format('woff2');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 400;
    src: local('Hanken Grotesk'), url(../fonts/HankenGrotesk.woff2) format('woff2');
}

@font-face {
    font-family: 'Spinnaker';
    font-style: normal;
    font-weight: 400;
    src: local('Spinnaker'), url(../fonts/Spinnaker.woff2) format('woff2');
}