/*
	Prologue by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html,
body,
div,
span,
h1,
h2,
h3,
p,
a,
address,
img,
small,
strong,
sub,
i,
ul,
li,
article,
figure,
figcaption,
footer,
header,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ul {
    list-style: none;
}

body {
    -webkit-text-size-adjust: none;
}

/* Basic */

html {
    box-sizing: border-box;
}

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

body {
    background: #fff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 19pt;
    font-weight: 300;
    line-height: 1.75em;
    color: #888;
}

h1,
h2,
h3 {
    font-weight: 300;
    color: #666;
    line-height: 1.5em;
}

h1 a,
h2 a,
h3 a {
    color: inherit;
    text-decoration: none;
}

h1 a strong,
h2 a strong,
h3 a strong {
    color: #333;
}

h2 {
    font-size: 2em;
    letter-spacing: -1px;
}

h3 {
    font-size: 1.5em;
}

header {
    margin: 0 0 2em 0;
}

header > p {
    margin: 1em 0 0 0;
}

footer {
    margin: 2em 0 0 0;
}

strong {
    font-weight: 300;
    color: #666;
}

i {
    font-style: italic;
}

a {
    text-decoration: none;
    color: inherit;
    border-bottom: dotted 1px rgba(128, 128, 128, 0.5);
    -moz-transition:
    color 0.35s ease-in-out,
    border-bottom-color 0.35s ease-in-out;
    -webkit-transition:
    color 0.35s ease-in-out,
    border-bottom-color 0.35s ease-in-out;
    -ms-transition:
    color 0.35s ease-in-out,
    border-bottom-color 0.35s ease-in-out;
    transition:
    color 0.35s ease-in-out,
    border-bottom-color 0.35s ease-in-out;
    outline: 0;
}

a:hover {
    color: #e27689;
    border-bottom-color: rgba(255, 255, 255, 0);
}

sub {
    position: relative;
    top: 0.5em;
    font-size: 0.8em;
}

p,
ul {
    margin-bottom: 2em;
}

/* Container */

.container {
    margin: 0 auto;
    max-width: 100%;
    width: 1400px;
}

@media screen and (min-width: 961px) and (max-width: 1880px) {
    .container {
        width: 1200px;
    }
}

@media screen and (min-width: 961px) and (max-width: 1620px) {
    .container {
        width: 960px;
    }
}

@media screen and (min-width: 961px) and (max-width: 1320px) {
    .container {
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .container {
        width: 100%;
    }
}

@media screen and (max-width: 736px) {
    .container {
        width: 100%;
    }
}

/* Sections/Article */

section,
article {
    margin-bottom: 3em;
}

section > :last-child,
section > .container,
section:last-child,
article > :last-child,
article > .container,
article:last-child {
    margin-bottom: 0;
}

/* List */

ul {
    list-style: disc;
    padding-left: 1em;
}

ul li {
    padding-left: 0.5em;
}

/* Button */

button,
.button {
    position: relative;
    display: inline-block;
    border-radius: 0.35em;
    color: #fff !important;
    text-decoration: none;
    padding: 0.75em 2.5em 0.75em 2.5em;
    background-color: #8ebebc;
    border: 0;
    cursor: pointer;
    background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15)
    ),
    url("images/overlay.png");
    background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15)
    ),
    url("images/overlay.png");
    background-image: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15)
    ),
    url("images/overlay.png");
    background-image: linear-gradient(
    top,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15)
    ),
    url("images/overlay.png");
    -moz-transition: background-color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out;
}

button:hover,
.button:hover {
    background-color: #9ececc;
}

button:active,
.button:active {
    background-color: #7eaeac;
}

/* Footer */

#footer {
    margin-left: 375px;
    text-align: center;
    background-color: #dce3e2;
    padding: 3em 0 4em 0;
    box-shadow:
    inset 0 1px 0 0 rgba(0, 0, 0, 0.05),
    inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.025);
    font-size: 0.8em;
}

#footer .copyright {
    cursor: default;
    margin: 0;
}

#footer .copyright li {
    display: inline-block;
    line-height: 1em;
    border-left: solid 1px rgba(128, 128, 128, 0.35);
    padding: 0 0 0 0.5em;
    margin: 0 0 0 0.5em;
}

#footer .copyright li:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

/* Main */

#main {
    margin-left: 375px;
}

#main > section {
    margin: 0;
    overflow: hidden;
    padding: 4em 0;
    box-shadow:
    inset 0 1px 0 0 rgba(0, 0, 0, 0.05),
    inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.025);
    text-align: center;
    background-image: url("images/overlay.png");
}

#main > section.dark {
    color: #ddd;
    color: rgba(255, 255, 255, 0.75);
}

#main > section.dark h2,
#main > section.dark h3 {
    color: inherit;
}

#main > section.dark strong {
    color: #fff;
    border-color: inherit;
}

#main > section.dark a {
    color: #fff;
    border-color: inherit;
}

#main > section.dark a:hover {
    border-bottom-color: rgba(255, 255, 255, 0);
}

#main > section.cover {
    padding: 10em 0;
    background-size: cover;
    background-position: center center;
}

#main > section.one {
    background-color: #81918e;
    background-image: url("../../images/banner.jpg");
}

#main > section.two {
    background-color: #f5fafa;
}

#main > section.three {
    background-color: #ecf1f1;
}

#main > section.four {
    background-color: #e8edec;
}

/* Wide */

@media screen and (min-width: 961px) and (max-width: 1880px) {
    /* Basic */

    body {
        font-size: 17pt;
    }

/* Footer */

    #footer {
        margin-left: 300px;
    }

    /* Main */

    #main {
        margin-left: 300px;
    }
}

/* Normal */

@media screen and (min-width: 961px) and (max-width: 1620px) {
    /* Main */

    #main > section {
        padding: 3em 0;
    }

    #main section.cover {
        padding: 5em 0;
    }
}

/* Narrow */

@media screen and (min-width: 961px) and (max-width: 1320px) {
    /* Basic */

    body {
        font-size: 16pt;
    }

    .container {
        padding: 0 2em 0 2em;
    }

/* Footer */

    #footer {
        margin-left: 20%;
    }

    /* Main */

    #main {
        margin-left: 20%;
    }
}

/* Narrower */

@media screen and (max-width: 960px) {
    /* Basic */

    html,
    body {
        overflow-x: hidden;
    }

    body {
        font-size: 16pt;
    }

    header br {
        display: none;
    }

    .container {
        padding: 0 2em 0 2em;
    }

/* Footer */

    #footer {
        margin-left: 0;
    }

    /* Main */

    #main {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        padding-bottom: 1px;
        margin-left: 0;
    }

    #main > section {
        padding: 3em 0;
    }

    #main section.cover {
        padding: 4em 0;
    }
}

/* Mobile */

@media screen and (max-width: 736px) {
    /* Basic */

    body {
        font-size: 14pt;
    }

    h2 {
        font-size: 1.5em;
        letter-spacing: 0;
        font-weight: 300;
    }

    .container {
        padding: 0 15px 0 15px;
    }

/* Main */

    #main > section {
        padding: 2em 0;
    }

    #main section.cover {
        padding: 4em 0em;
    }

    #main section.cover header {
        padding: 0 1em;
    }

    /* Footer */

    #footer .copyright li {
        display: block;
        line-height: 1.25em;
        border: 0;
        padding: 0;
        margin: 1em 0 0 0;
    }

    #footer .copyright li:first-child {
        margin-top: 0;
    }
}