@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Light-trial.ttf') format('truetype');
    font-weight: 300;
    /* Pro Light */
    font-style: normal;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Light Italic-trial.ttf') format('truetype');
    font-weight: 300;
    /* Pro Light */
    font-style: italic;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Semilight-trial.ttf') format('truetype');
    font-weight: 600;
    /* Demibold */
    font-style: normal;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Semilight Italic-trial.ttf') format('truetype');
    font-weight: 600;
    /* Demibold */
    font-style: italic;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Thin-trial.ttf') format('truetype');
    font-weight: 100;
    /* Pro Thin */
    font-style: normal;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Thin Italic-trial.ttf') format('truetype');
    font-weight: 100;
    /* Pro Thin */
    font-style: italic;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Ultralight-trial.ttf') format('truetype');
    font-weight: 200;
    /* Pro UltraLight */
    font-style: normal;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro UltraLight Italic-trial.ttf') format('truetype');
    font-weight: 200;
    /* Pro UltraLight */
    font-style: italic;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro-trial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cocogoose';
    src: url('cocogoose/Cocogoose Pro Italic-trial.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

h1 {
    font-family: 'cocogoose', sans-serif;
}

p {
    font-family: 'cocogoose', sans-serif;
    font-weight: 100;
}

a {
    font-family: 'cocogoose', sans-serif;
    font-weight: 100;
}

#button {
    font-family: 'cocogoose', sans-serif;
    font-weight: 300;
}

#about_us {
    font-family: 'cocogoose', sans-serif;
    font-weight: 600;
}

/* Show the <li> element below 425px */
@media (max-width: 426px) {
    .contact-nav {
        display: block;
    }

    .contact-button {
        display: none;
    }
}

/* Hide the <li> element below 425px */
@media (min-width: 426px) {
    .contact-nav {
        display: none;
    }

    .contact-button {
        display: block;
    }
}