@charset 'UTF-8';
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Italic.woff') format('woff'), url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
    src: url('../fonts/Montserrat-SemiBoldItalic.eot');
    src: url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BoldItalic.woff') format('woff'), url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('../fonts/Montserrat-BlackItalic.eot');
    src: url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BlackItalic.woff') format('woff'), url('../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

html, body { width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; padding: 0; margin: 0; background-color: #ffffff; }
body{ opacity: 1; padding: 0; margin: 0; font-family: 'Montserrat-Regular'; font-smoothing:auto; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-transition: opacity .75s ease-out; -moz-transition: opacity .75s ease-out; -o-transition: opacity .75s ease-out; -ms-transition: opacity .75s ease-out; transition: opacity .75s ease-out; }
body.hidden{ opacity: 0; }
::-webkit-scrollbar { display: none; }
::selection { background: rgba(185, 190, 209, 0.5); }
::focus { outline: none; }
::placeholder { color: #B9BED1; opacity: 1; }
:-ms-input-placeholder { color: #B9BED1; }
::-ms-input-placeholder { color: #B9BED1; }
input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { color: #B9BED1; }
textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder { color: #B9BED1; }
input[type='checkbox']{ opacity: 0; width: 0; margin: 0; }
input[type='checkbox'] + p::before{ content: ''; background-image: url(../images/checkbox.svg); background-size: 25px 25px; background-repeat: no-repeat; margin: 0 0 0 -35px; padding: 0 0 0 35px; vertical-align: middle; cursor: pointer; }
input[type='checkbox']:checked + p::before{ background-image: url(../images/checkbox-checked.svg); }
input[type='checkbox'].required:checked + p::before{ background-image: url(../images/checkbox-checked.svg); }
input[type='checkbox'].required + p::before{ background-image: url(../images/checkbox-required.svg); }
h1{ font-family: 'Montserrat-Black'; font-size: 53px; line-height: 64px; text-transform: uppercase; margin: 60px 0 0 0; -webkit-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -moz-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -o-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -ms-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; }
h1.alt{ line-height: 64px; }
h2{ font-family: 'Montserrat-SemiBold'; font-size: 34px; line-height: 42px; margin: 50px 0 0 0; -webkit-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -moz-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -o-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -ms-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out;}
h2 strong{ font-family: 'Montserrat-Black'; }
h2.alt{ padding: 0 40px; }
h3{ font-family: 'Montserrat-SemiBold'; font-size: 30px; line-height: 37px; margin: 20px 0 0 0; -webkit-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -moz-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -o-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -ms-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; }
h4{ font-family: 'Montserrat-SemiBold'; font-size: 25px; line-height: 30px; margin: 50px 0 0 0; -webkit-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -moz-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -o-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -ms-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; }
p{ font-family: 'Montserrat-Regular'; font-size: 13px; line-height: 16px; color: #707070; text-align: left; }

.slider{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.slider-item{ float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.slider-item-1{ background-image: url('../images/aubay-job-party-background-1.jpg'); }
.slider-item-2{ background-image: url('../images/aubay-job-party-background-2.jpg'); }
.slider-item-3{ background-image: url('../images/aubay-job-party-background-3.jpg'); }
.slider-item-4{ background-image: url('../images/aubay-job-party-background-4.jpg'); }

.container{ width: calc(45vw + 595px); margin: 0 auto; }

.width-1-1{ width: 100%!important; float: left; }
.width-1-2{ width: calc(50% - 11px)!important; float: left; }

.logo-aubay{ position: absolute; left: 40px; top: 25px; width: 235px; height: 235px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('../images/logo-aubay.png'); -webkit-transition: left .25s ease-out, height .25s ease-out; -moz-transition: left .25s ease-out, height .25s ease-out; -o-transition: left .25s ease-out, height .25s ease-out; -ms-transition: left .25s ease-out, height .25s ease-out; transition: left .25s ease-out, height .25s ease-out; }
.jumbotron{ width:45vw; height:45vw; max-width: 796px; max-height: 796px; float:left; margin: 50vh 0 0 0; transform: translateY(-50%); text-align:center; color:#ffffff; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('../images/background-jumbotron.png'); border-radius: 50%; overflow: hidden; }
.jumbotron-content{ margin: calc(50% + 5px) 0 0 0; transform: translateY(-50%); }
.invit-content{ padding: 0 30px; }
.invit-logo{ width: 100%; height: 205px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('../images/job-party.png'); -webkit-transition: height .25s ease-out; -moz-transition: height .25s ease-out; -o-transition: height .25s ease-out; -ms-transition: height .25s ease-out; transition: height .25s ease-out; }
.picto-location{ display: inline-block; width: 24px; height: 30px; margin: 0 12px 0 0; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('../images/picto-location.png'); }

.form-ctn{ width: 460px; max-height: calc(100vh - 160px); overflow-x: hidden; overflow-y: auto; float: left; box-sizing: border-box; padding: 35px 50px 40px 50px; margin: 50vh 0 0 55px; transform: translateY(-50%); text-align: center; color: #707070; background-color: #FFFFFF; border-radius: 5px; -webkit-box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.16); box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.16); }
.form-content .send-button{ width: 100%; box-sizing: border-box; margin: 50px 0 0 0; padding: 0 15px; background-color: #E83224; border: none; border-radius: 27px; text-align: center; font-family: 'Montserrat-Bold'; font-size: 13px; line-height: 16px; color: #FFFFFF; line-height: 54px; text-transform: uppercase; -webkit-transition: background-color .25s ease-out, color .25s ease-out; -moz-transition: background-color .25s ease-out, color .25s ease-out; -o-transition: background-color .25s ease-out, color .25s ease-out; -ms-transition: background-color .25s ease-out, color .25s ease-out; transition: background-color .25s ease-out, color .25s ease-out; }
.form-content .send-button{ cursor: pointer; }
.form-content .send-button:focus{ outline: none; }
.form-content .send-button.disabled{ color: rgba(255, 255, 255, 0.5); }
.form-content .send-button.success{ color: #ffffff; pointer-events: none; }
.form-title{ font-family: 'Montserrat-SemiBold'; font-size: 28px; line-height: 34px; color: #E83224; box-sizing: border-box; padding: 0 20px; margin: 0 0 50px 0; -webkit-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -moz-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -o-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; -ms-transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; transition: font-size .25s ease-out, line-height .25s ease-out, margin .25s ease-out; }
.form-title strong{ font-family: 'Montserrat-Black' }
.form-control label{ display: block; font-family: 'Montserrat-Bold'; font-size: 13px; line-height: 16px; letter-spacing: 1px; color:#E83224; text-transform: uppercase; text-align: left; padding: 0 0 0 22px; margin: 0 0 5px 0; }
.form-control input{ width: 100%; box-sizing: border-box; background-color: #F0F2F7!important; border: 2px solid #E3E8F0; border-radius: 35px; padding: 0 20px; margin: 0 0 22px 0; text-align: left; font-family: Montserrat-Regular; font-size: 16px; line-height: 54px; color: #B9BED1!important; -webkit-transition: border-color .25s ease-out; -moz-transition: border-color .25s ease-out; -o-transition: border-color .25s ease-out; -ms-transition: border-color .25s ease-out; transition: border-color .25s ease-out; }
.form-control input:focus{ outline: none; }
.form-control input.required{ border-color: red; }
.form-control input.disabled{ pointer-events: none; }
.form-control select { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; max-width: 100%; height: 58px; box-sizing: border-box; padding: 0 20px; margin: 0 0 22px 0; display: block; font-family: Montserrat-Regular; font-size: 16px; line-height: 54px; color: #ffffff!important; box-shadow: none; background: #B9BED1; border: 2px solid #E3E8F0; border-radius: 35px; background-image: url(../images/chevron-bottom.svg); background-size: 20px 100%; background-position: calc(100% - 20px) center; background-repeat: no-repeat;-webkit-transition: border-color .25s ease-out; -moz-transition: border-color .25s ease-out; -o-transition: border-color .25s ease-out; -ms-transition: border-color .25s ease-out; transition: border-color .25s ease-out; cursor: pointer; }
.form-control select:focus{ outline: none; }
.form-control select option { text-align: center; }
.form-control select.required{ border-color: red; }
.form-control select.disabled{ pointer-events: none; }
.form-control .file-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.form-control .file-input + label { width: 100%; box-sizing: border-box; background: #B9BED1; border: 2px solid #E3E8F0; border-radius: 35px; padding: 0 20px; margin: 0; text-align: left; font-family: Montserrat-Regular; font-size: 16px; line-height: 54px; color: #ffffff; text-align: center; text-transform: none; cursor: pointer; -webkit-transition: border-color .25s ease-out; -moz-transition: border-color .25s ease-out; -o-transition: border-color .25s ease-out; -ms-transition: border-color .25s ease-out; transition: border-color .25s ease-out; }
#cv_file_name{ font-size: 12px; font-style: italic; line-height: 22px; display: block; }
.form-control .file-input + label.required{ border-color: red; }
.form-control .file-input + label.disabled{ pointer-events: none; }
.checkbox-container{ display: inline-block; text-transform: none; padding: 43px 30px 0 30px !important; margin: 20px 0 0 0; width: 100%!important; box-sizing: border-box; border-top: 1px solid #F0F2F7; }
.checkbox-container > input{ vertical-align: top; display: none; }
.checkbox-container > p{ width: calc(100% - 35px); display: flex; padding: 0 0 0 35px; margin: 0; -webkit-transition: color .25s ease-out; -moz-transition: color .25s ease-out; -o-transition: color .25s ease-out; -ms-transition: color .25s ease-out; transition: color .25s ease-out; }
.checkbox-container.required > p{ color: red; }

.dragging{ border-color: red!important; }

.stripes-animated{ background-image: repeating-linear-gradient(-45deg, #E83224, #E83224 15px, #ffffff 15px, #ffffff 30px); -webkit-animation:progress 2s linear infinite; -moz-animation:progress 2s linear infinite; -ms-animation:progress 2s linear infinite; animation:progress 2s linear infinite; background-size: 150% 100%; }
.stripes-animated h3{ background: #ffffff; text-align:center; line-height: 40px; border-radius: 20px; max-width: 200px; margin: 10px auto; }
@-webkit-keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -43px 0px; } }
@-moz-keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -43px 0px; } }
@-ms-keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -43px 0px; } }
@keyframes progress{ 0% { background-position: 0 0; } 100% { background-position: -43px 0px; } }


/* Desktops */
@media only screen and (max-width : 1800px) {
    .logo-aubay { height: 225px; }
    .invit-logo{ height: 205px; }
    h1{ font-size: 50px; line-height: 60px; }
    h1.alt{ line-height: 64px; }
    h2{ font-size: 34px; line-height: 42px; margin: 40px 0 0 0; }
    h3{ font-size: 25px; line-height: 27px; }
    h4{ font-size: 18px; line-height: 20px; margin: 40px 0 0 0; }
}
@media only screen and (max-width : 1680px) {
    .logo-aubay { height: 195px; }
    .invit-content { padding: 0 40px; }
    .invit-logo{ height: 165px; }
    h1{ font-size: 40px; line-height: 32px; }
    h1.alt{ line-height: 45px; margin: 40px 0 0 0; }
    h2{ font-size: 32px; line-height: 38px; margin: 35px 0 0 0; }
    h3{ font-size: 25px; line-height: 27px; }
    h4{ font-size: 18px; line-height: 20px; margin: 35px 0 0 0; }
}
@media only screen and (max-width : 1440px) {
    .logo-aubay { height: 165px; }
    .invit-logo{ height: 165px; }
    h1{ font-size: 36px; line-height: 28px; }
    h1.alt{ line-height: 40px; margin: 30px 0 0 0; }
    h2{ font-size: 28px; line-height: 32px; margin: 30px 0 0 0; }
    h3{ font-size: 22px; line-height: 24px; }
    h4{ font-size: 15px; line-height: 16px; }
}
@media only screen and (max-width : 1280px) {
    .invit-content { padding: 0 55px; }
    .invit-logo { height: 115px; }
    .form-ctn{ margin: 50vh 0 0 45px; }
    .container { width: calc(45vw + 505px); }
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 22px; line-height: 24px; margin: 20px 0 0 0; }
    h2.alt { font-size: 25px; line-height: 30px; }
    h3{ font-size: 20px; line-height: 22px; }
    h4{ font-size: 15px; line-height: 16px; }
}

/* Tablettes > landscape */
@media only screen and (max-width : 1024px){
    body{ background-position: center; }
    .logo-aubay { position: absolute; left: 0; top: 50px; width: 100%; height: 120px; }
    .container{ position: absolute; width: 100%; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; }
    .jumbotron{ width: 500px; height: 500px; margin: 198px 0 0 calc(50% - 250px); transform: none; }
    .jumbotron-content{ width: 100%; max-width: 100vw; margin-left: auto; margin-right: auto; }
    .invit-content { padding: 0 25px; }
    .invit-logo { height: 135px; }
    .picto-location { width: 20px; height: 20px; margin: 0 5px 0 0; }
    .form-ctn{ width: 100%; max-width: 460px; height: auto; max-height: none; margin: 30px 35px 35px 50vw; padding: 30px; transform: translateX(-50%); }
    .form-title { font-size: 22px; line-height: 26px; margin: 0 0 30px 0; }
    .form-control label{ padding: 0 0 0 9px; }
    .form-control input{ font-size: 13px; padding: 0 20px; }
    .form-control .file-input + label{ padding: 0 20px; }
    .checkbox-container{ padding: 30px 10px 0 10px !important; }
    .form-content .send-button{ margin: 30px 0 0 0; }
    input[type='checkbox'] + p::before{ margin: 10px 0 0 -35px; }
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 26px; line-height: 30px; margin: 20px 0 0 0; }
    h2.alt { font-size: 25px; line-height: 30px; }
    h3{ font-size: 22px; line-height: 24px; }
    h4{ font-size: 15px; line-height: 16px; }
}
/* Tablettes > portrait */
@media only screen and (max-width : 768px) {
    body{ background-position: 71.5% center; }
    .logo-aubay { position: absolute; left: 0; top: 50px; width: 100%; height: 120px; }
    .container{ position: absolute; width: 100%; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; }
    .jumbotron{ width: 500px; height: 500px; margin: 198px 0 0 calc(50% - 250px); transform: none; }
    .jumbotron-content{ width: 100%; max-width: 100vw; margin-left: auto; margin-right: auto; }
    .invit-content { padding: 0 20px; }
    .invit-logo { height: 135px; }
    .picto-location { width: 20px; height: 20px; margin: 0 5px 0 0; }
    .form-ctn{ width: calc(100% - 70px); height: auto; max-height: none; margin: 30px 35px 35px 50vw; padding: 30px; transform: translateX(-50%); }
    .form-title { font-size: 22px; line-height: 26px; margin: 0 0 30px 0; }
    .form-control label{ padding: 0 0 0 9px; }
    .form-control input{ font-size: 13px; padding: 0 20px; }
    .form-control .file-input + label{ padding: 0 20px; }
    .checkbox-container{ padding: 30px 10px 0 10px !important; }
    .form-content .send-button{ margin: 30px 0 0 0; }
    input[type='checkbox'] + p::before{ margin: 10px 0 0 -35px; }
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 26px; line-height: 30px; margin: 20px 0 0 0; }
    h2.alt { font-size: 25px; line-height: 30px; }
    h3{ font-size: 22px; line-height: 24px; }
    h4{ font-size: 15px; line-height: 16px; }
    .width-1-2{ width: 100%!important; margin-left: 0!important; }
}
/* Smartphones > landscape */
@media only screen and (max-width : 568px) {
    body{ background-position: 71.5% center; }
    .logo-aubay { position: absolute; left: 0; top: 50px; width: 100%; height: 120px; }
    .container{ position: absolute; width: 100%; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; }
    .jumbotron{ width: 500px; height: 500px; margin: 198px 0 0 calc(50% - 250px); transform: none; }
    .jumbotron-content{ width: 100%; max-width: 100vw; margin-left: auto; margin-right: auto; }
    .invit-content { padding: 0 20px; }
    .invit-logo { height: 125px; }
    .picto-location { width: 20px; height: 20px; margin: 0 5px 0 0; }
    .form-ctn{ width: calc(100% - 70px); height: auto; max-height: none; margin: 30px 35px 68px 35px; padding: 30px; transform: none; }
    .form-title { font-size: 18px; line-height: 22px; margin: 0 0 30px 0; }
    .form-control label{ padding: 0 0 0 9px; }
    .form-control input{ font-size: 13px; padding: 0 20px; }
    .form-control .file-input + label{ padding: 0 20px; }
    .checkbox-container{ padding: 30px 10px 0 10px !important; }
    .form-content .send-button{ margin: 30px 0 0 0; }
    input[type='checkbox'] + p::before{ margin: 10px 0 0 -35px; }
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 22px; line-height: 26px; margin: 20px 0 0 0; }
    h2.alt { font-size: 25px; line-height: 30px; padding: 0 40px; }
    h3{ font-size: 18px; line-height: 24px; }
    h4{ font-size: 14px; line-height: 16px; }
    .width-1-2{ width: 100%!important; margin-left: 0!important; }
}
/* Smartphones > portrait */
@media only screen and (max-width : 420px) {
    body{ background-position: 71.5% center; }
    .logo-aubay { position: absolute; left: 0; top: 50px; width: 100%; height: 120px; }
    .container{ position: absolute; width: 100%; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; }
    .jumbotron{ width: 500px; height: 500px; margin: 198px 0 0 calc(50% - 250px); transform: none; }
    .jumbotron-content{ width: 100%; max-width: 100vw; margin-left: auto; margin-right: auto; }
    .invit-content { padding: 0 15px; }
    .invit-logo { height: 105px; }
    .picto-location { width: 20px; height: 20px; margin: 0 5px 0 0; }
    .form-ctn{ width: calc(100% - 70px); height: auto; max-height: none; margin: 30px 35px 68px 35px; padding: 30px; transform: none; }
    .form-title { font-size: 18px; line-height: 22px; margin: 0 0 30px 0; }
    .form-control label{ padding: 0 0 0 9px; }
    .form-control input{ font-size: 13px; padding: 0 15px; }
    .form-control .file-input + label{ padding: 0 15px; }
    .checkbox-container{ padding: 30px 10px 0 10px !important; }
    .form-content .send-button{ margin: 30px 0 0 0; }
    input[type='checkbox'] + p::before{ margin: 10px 0 0 -35px; }
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 22px; line-height: 26px; margin: 20px 0 0 0; }
    h2.alt { font-size: 25px; line-height: 30px; padding: 0 30px; }
    h3{ font-size: 18px; line-height: 24px; }
    h4{ font-size: 14px; line-height: 16px; }
    .width-1-2{ width: 100%!important; margin-left: 0!important; }
}
/* Smartphones > portrait */
@media only screen and (max-width : 320px) {
    body{ background-position: 71.5% center; }
    .logo-aubay { position: absolute; left: 0; top: 50px; width: 100%; height: 120px; }
    .container{ position: absolute; width: 100%; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; }
    .jumbotron{ width: 500px; height: 500px; margin: 198px 0 0 calc(50% - 250px); transform: none; }
    .jumbotron-content{ width: 100%; max-width: 100vw; margin-left: auto; margin-right: auto; }
    .invit-content { padding: 0 10px; }
    .invit-logo { height: 105px; }
    .picto-location { width: 20px; height: 20px; margin: 0 5px 0 0; }
    .form-ctn{ width: calc(100% - 70px); height: auto; max-height: none; margin: 30px 35px 68px 35px; padding: 30px; transform: none; }
    .form-title { font-size: 18px; line-height: 22px; margin: 0 0 30px 0; }
    .form-control label{ padding: 0 0 0 9px; }
    .form-control input{ font-size: 13px; padding: 0 10px; }
    .form-control .file-input + label{ padding: 0 10px; }
    .checkbox-container{ padding: 30px 10px 0 10px !important; }
    .form-content .send-button{ margin: 30px 0 0 0; }
    input[type='checkbox'] + p::before{ margin: 10px 0 0 -35px; }
    h1 { font-size: 34px; line-height: 42px; }
    h2 { font-size: 22px; line-height: 26px; margin: 20px 0 0 0; }
    h2.alt { font-size: 25px; line-height: 30px; padding: 0 20px; }
    h3{ font-size: 18px; line-height: 24px; }
    h4{ font-size: 14px; line-height: 16px; }
    .width-1-2{ width: 100%!important; margin-left: 0!important; }
}