@font-face {
    font-family: "Founders Grotesk Bold";
    font-style: normal;
    font-weight: normal;
    src: url('fonts/webfont-founders-grotesk-bold.eot');
    src: url('fonts/webfont-founders-grotesk-bold.eot?#iefix') format("embedded-opentype"),
    url('fonts/webfont-founders-grotesk-bold.woff2') format("woff2"),
    url('fonts/webfont-founders-grotesk-bold.woff') format("woff"),
    url('fonts/webfont-founders-grotesk-bold.ttf') format("truetype"),
    url('fonts/webfont-founders-grotesk-bold.svg?#webfont-founders-grotesk-bold') format("svg");
}

@font-face {
    font-family: "Founders Grotesk Medium";
    font-style: normal;
    font-weight: normal;
    src: url('fonts/webfont-founders-grotesk-medium.eot');
    src: url('fonts/webfont-founders-grotesk-medium.eot?#iefix') format("embedded-opentype"),
    url('fonts/webfont-founders-grotesk-medium.woff2') format("woff2"),
    url('fonts/webfont-founders-grotesk-medium.woff') format("woff"),
    url('fonts/webfont-founders-grotesk-medium.ttf') format("truetype"),
    url('fonts/webfont-founders-grotesk-medium.svg?#webfont-founders-grotesk-medium') format("svg");
}

@font-face {
    font-family: "Founders Grotesk Regular";
    font-style: normal;
    font-weight: normal;
    src: url('fonts/webfont-founders-grotesk-regular.eot');
    src: url('fonts/webfont-founders-grotesk-regular.eot?#iefix') format("embedded-opentype"),
    url('fonts/webfont-founders-grotesk-regular.woff2') format("woff2"),
    url('fonts/webfont-founders-grotesk-regular.woff') format("woff"),
    url('fonts/webfont-founders-grotesk-regular.ttf') format("truetype"),
    url('fonts/webfont-founders-grotesk-regular.svg?#webfont-founders-grotesk-regular') format("svg");
}

@font-face {
    font-family: "Founders Grotesk SemiBold";
    font-style: normal;
    font-weight: normal;
    src: url('fonts/webfont-founders-grotesk-semibold.eot');
    src: url('fonts/webfont-founders-grotesk-semibold.eot?#iefix') format("embedded-opentype"),
    url('fonts/webfont-founders-grotesk-semibold.woff2') format("woff2"),
    url('fonts/webfont-founders-grotesk-semibold.woff') format("woff"),
    url('fonts/webfont-founders-grotesk-semibold.ttf') format("truetype"),
    url('fonts/webfont-founders-grotesk-semibold.svg?#webfont-founders-grotesk-semibold') format("svg");
}
html {
    font-size: 18px!important;

}
html, body {
    font-family: "Founders Grotesk Regular", Helvetica, Arial, sans-serif !important;
    height: 100%;
    min-height: 100% !important;
}
h1.title {
    font-family: "Founders Grotesk Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.main-bg {
    background: url("bleu-bg.jpg") repeat top left;
    min-height: 100% !important;
    background-size: auto;
}

.container {
    max-width: 480px !important;
}

.container.main {
    background: #FFF;
    padding: 2rem 1.5rem;
}

@media screen and (min-width: 1024px) {
    .container.main {
        padding: 1rem 3rem;
    }
}

.logo {
    margin-top: 2vh !important;
    background: #FFF;
    text-align: center;
    padding: 2rem 1rem 1rem;
}

.logo img {
    max-height: 75px;
    margin: 0 auto;
}

.form-container form {
    margin-bottom: 2rem;
}

input.input {
    border: 1px solid transparent;
    background-color: #F1F1F1;
    margin-bottom: 0;
    height: 60px;
    line-height: 58px;
    border-radius: 0;
    box-shadow: none;
    padding-bottom: calc(.375em - 1px);
    padding-left: calc(.625em - 1px);
    padding-right: calc(.625em - 1px);
    padding-top: calc(.375em - 1px);
}



.control.has-icons-left .icon, .control.has-icons-right .icon {
    height: 3.45rem !important;
}

button.button, a.button {
    margin-top: 1rem;
    background: #000 !important;
    border: 1px solid #000;
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-family: "Founders Grotesk Medium",Helvetica,Arial,sans-serif;
    font-size: 15px;
    height: 44px;
    letter-spacing: 0.1rem;
    line-height: 42px;
    overflow: visible;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.25s, color 0.25s;
    white-space: nowrap;
    width: 100%;
}