@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------*/
/* START: CSS reset */

header, footer, nav, section, article {
    display: block;
}

html, body, div, dl, dt, dd, ul, p, blockquote, pre, th, td,
form, fieldset, input, textarea {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

textarea {
    overflow: auto;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

p, span {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    font-family: 'pantonbold', sans-serif;
}

/* END: CSS reset */
/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
/* START: general layout */

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'pantonlight', sans-serif;
    font-size: 16px;
    color: #FFF;
    background: url(background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -100;
}

.container {
    position: relative;
    z-index: 100;
    width: 90%;
    height: 50%;
    text-align: center;
    top: 45%;
    padding: 0 5%;

}

h1 {
    font-size: 300%;
    color: #68BB68;
}

h2 {
    font-family: 'pantonlight', sans-serif;
    font-size: 180%;
    margin-top: 1%;
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

a:link, a:visited {
}

a:hover, a:focus {
}

@media only screen and (max-device-width: 768px) {
    .container {
        top: 35%;
    }

    h1 {
        font-size: 200%;
    }

    h2 {
        font-size: 120%;
        margin-top: 4%;
    }
}

/* END: general layout */
/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
/* START: header */


/* END: header */
/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
/* START: main content */


/* END: main content */
/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
/* START: footer */


/*----------------------------------------------------------------------------*/
/* END: footer */


/* Panton Font */

@font-face {
    font-family: 'pantonlight';
    src: url('fonts/panton/panton-light-webfont.eot');
    src: url('fonts/panton/panton-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/panton/panton-light-webfont.woff2') format('woff2'),
    url('fonts/panton/panton-light-webfont.woff') format('woff'),
    url('fonts/panton/panton-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pantonbold';
    src: url('fonts/panton/panton-bold-webfont.eot');
    src: url('fonts/panton/panton-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/panton/panton-bold-webfont.woff2') format('woff2'),
    url('fonts/panton/panton-bold-webfont.woff') format('woff'),
    url('fonts/panton/panton-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pantonextrabold';
    src: url('fonts/panton/panton-extrabold-webfont.eot');
    src: url('fonts/panton/panton-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/panton/panton-extrabold-webfont.woff2') format('woff2'),
    url('fonts/panton/panton-extrabold-webfont.woff') format('woff'),
    url('fonts/panton/panton-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}