@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBoldItalic.eot');
    src: url('fonts/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Inter-SemiBoldItalic.woff2') format('woff2'),
    url('fonts/Inter-SemiBoldItalic.woff') format('woff'),
    url('fonts/Inter-SemiBoldItalic.ttf') format('truetype'),
    url('fonts/Inter-SemiBoldItalic.svg#Inter-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraBold.eot');
    src: url('fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Inter-ExtraBold.woff2') format('woff2'),
    url('fonts/Inter-ExtraBold.woff') format('woff'),
    url('fonts/Inter-ExtraBold.ttf') format('truetype'),
    url('fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraBoldItalic.eot');
    src: url('fonts/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Inter-ExtraBoldItalic.woff2') format('woff2'),
    url('fonts/Inter-ExtraBoldItalic.woff') format('woff'),
    url('fonts/Inter-ExtraBoldItalic.ttf') format('truetype'),
    url('fonts/Inter-ExtraBoldItalic.svg#Inter-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.eot');
    src: url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Inter-SemiBold.woff2') format('woff2'),
    url('fonts/Inter-SemiBold.woff') format('woff'),
    url('fonts/Inter-SemiBold.ttf') format('truetype'),
    url('fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

body {font-size:16px; font-family:'Inter', sans-serif; font-weight:600; color:#292E31; padding-right:0!important;}
body.loading:after{content:''; display:block; width:100%; height:100%; background:transparent url("../img/loader.gif") no-repeat center center; background-size:64px; position:fixed; top:0; left:0; z-index:9999;}
    a[name]{opacity:0; display:block; margin:0 0 40px; height:1px;}
    .btn1{padding:10px 24px; color:#fff; background-color:#F7B80B; box-sizing:border-box; border-radius:24px; outline:none; box-shadow:none; border:0; cursor:pointer;}
    .btn1:hover, .btn1:active, .btn1:focus{outline:none; text-decoration:none; color:#fff;}
    .btn1:hover{background-color:#ff9c00;}
        .btn1 > .fas{margin-right:.5rem;}
    .btn2{padding:10px 24px; color:#292E31; background-color:#CACACA; box-sizing:border-box; border-radius:24px; outline:none; box-shadow:none; border:0; cursor:pointer;}
    .btn2:hover, .btn2:active, .btn2:focus{outline:none; text-decoration:none; color:#292E31;}
    .btn2:hover{background-color:#7B7B7B;}
        .btn2 > .fas{margin-right:.5rem;}
    .bg1{background-color:#04B0BB!important;}
    .bg2{background-color:#F6B398!important;}
    .bg3{background-color:#FB8264!important;}
    .bg4{background-color:#706A81!important;}
    .bg5{background-color:#78D4D0!important;}

    .color1{color:#F7B80B;}
    .color2{color:#04B0BB;}

    .alert > p{margin-bottom:0;}

    .form-control:not(:read-only):focus{border-color:#ffcc42; box-shadow:0 0 0 0.2rem rgba(247, 184, 11, .4);}
    .form-control:read-only:focus{border-color:#ced4da; box-shadow:none;}
    textarea.form-control{min-height:8rem;}

    .form-control.error{border-color:#E72626; box-shadow:0 0 0 0.2rem rgba(231, 38, 38, .4)}

    .form-group-relative{position:relative;}
    .form-group-relative > .formwordcounter{font-size:.9rem; color:#7B7B7B; font-weight:600; font-style:normal; position:absolute; top:0; right:0;}
        .formwordcounter.error{color:#E72626;}

    .modal-dialog{max-width:50%;}
    .modal-dialog.wide-modal{max-width:1600px; width:calc(100% - 32px);}
        .modal-body{max-height:calc(100vh - 3.5rem - 9rem); overflow-x:hidden; overflow-y:auto;}
        .modal-body.modal-nofooter{max-height:calc(100vh - 3.5rem - 4rem);}

    .alert-global{display:none; max-width:90%; width:600px; position:fixed; top:8vh; left:50%; transform:translate(-50%, 0); z-index:9999; justify-content:space-between;}
    .alert-global.show{display:flex;}
        .alert-global > p{margin:0;}
        .alert-global > button{border:0; background:transparent; color:inherit; width:32px; height:32px; cursor:pointer; font-size:1.2rem; transform:translate(0, -6px);}

    .maincontainer{display:flex; width:100%; background-color:#706A81; box-sizing:border-box; padding:16px 16px 16px 0;}
        .togglemainnav{display:none; width:56px; height:56px; border-radius:100%; color:#706a81; background-color:#fff; border:0; outline:none; position:fixed; top:6px; left:6px; z-index:4;cursor: pointer; border: 3px solid #706a81;}
            .togglemainnav > i{font-size:1.1rem;}
        .togglemainnav:hover{outline:none; background-color:#706a81; color:#fff; border-color:#fff;}
        .togglemainnav:focus, .togglemainnav:active{outline:none;}
        .mainsidebar{display:block; width:400px; background-color:#706A81;}
            .mainstickyblock{display:block; position:sticky; top:16px;}
                .mainlogolink:hover, .mainlogolink:active, .mainlogolink:focus{text-decoration:none;}
                    .mainlogo{display:block; width:108px; height:108px; background-color:#fff; border-radius:18px; overflow:hidden; position:relative; margin:0 auto;}
                        .mainlogoimg{display:block; width:60px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
                    .mainlogotitle{font-size:1.3em; font-weight:800; color:#fff; text-align:center; margin:24px 0;}
                .mainnav{}
                    .mainnavlist{list-style:none; padding:0;}
                        .mainnavitem{padding:0; margin:24px 0;}
                            .mainnavlink{display:block; color:#fff; width:calc(100% - 16px); background-color:#706A81; box-sizing:border-box; padding:8px 0 8px 16px; text-align:center; font-size:1.2rem; border-radius:0 24px 24px 0;}
                            .mainnavlink:hover, .mainnavlink:active{color:#fff; text-decoration:none; background-color:#524b66;}
                            .mainnavlink:focus{color:#fff; text-decoration:none;}
                            .mainnavlink.active{background-color:#F7B80B; font-weight:800;}
                                .badge1{display:inline-block; vertical-align:middle; line-height:1.8rem; font-size:1rem; font-style:normal; width:1.8rem; height:1.8rem; background-color:#F7B80B; border-radius:100%; transform:translate(.5rem, 0);}
                                .mainnavlink.active > .badge1{background-color:#706A81;}
        .mainarticle{display:block; width:calc(100% - 400px); max-width:1200px; background-color:#fff; border-radius:32px; box-sizing:border-box; padding:26px; overflow:hidden;}
            .section1{display:block; width:100%; box-sizing:border-box; padding:0 30px;}
                .maintitle{font-size:3rem; font-weight:800;}
                .mainsubtitle{font-size:1.4rem; font-weight:600; color:#F7B80B;}

            .decorationimgwrapper{display:block; width:100%; box-sizing:border-box; margin:48px 0;}
                .decorationimg{display:block; width:67%; max-width:100%; margin:0 auto;}
            .decorationimgwrapper2{display:block; width:100%; box-sizing:border-box; margin:16px 0 -48px;}
                .decorationimg2{display:block; width:37%; max-width:100%; margin:0 auto; position:relative; left:32px;}
            .decorationimgwrapper3{display:block; width:100%; box-sizing:border-box; margin:64px 0 32px;}
                .decorationimg3{display:block; width:50%; max-width:100%; margin:0 auto;}
            .decorationimgwrapper4{display:block; width:100%; box-sizing:border-box; margin:0;}
                .decorationimg4{display:block; width:30%; max-width:100%; margin:0 auto;}

    .articleheader{display:flex; width:100%; flex-wrap:nowrap; justify-content:flex-end; box-sizing:border-box; padding:0 2rem 1rem;}
        .articleheadernav{border:0; cursor:pointer; outline:none; background-color:transparent; font-size:.9rem; font-weight:800; color:#292E31;}
        .articleheadernav:hover, .articleheadernav:active, .articleheadernav:focus{color:#F7B80B;}
        .articleheadernav:active, .articleheadernav:focus{outline:none;}
        .articleheadernav > i{font-size:.85em; margin-left:.4em;}

        .dropdown-item{font-size: .9rem; font-weight:800; color:#292E31;}
        .dropdown-item:hover{background-color:#f8f9fa;}
        .dropdown-item:active{background-color:#F7B80B; color:#fff;}

        .articleheaderbtn{border:0; cursor:pointer; outline:none; background-color:transparent; font-size:.85rem; font-weight:800; color:#292E31; margin:0 1.6rem 0 0;}
        .articleheaderbtn > i{font-size:1.2rem; margin-right:.4rem;}
        .articleheaderbtn:active, .articleheaderbtn:focus{outline:none;}


    .sectiontitle1{font-size:1.4rem; font-weight:800; margin-bottom:24px; position:relative;}
        .sectiontitle1 > span{position:relative; z-index:1;}
    .sectiontitle1:after{content:''; display:block; width:160px; height:90px; background:transparent url('../img/cloud.svg') no-repeat center; background-size:contain; position:absolute; top:-32px; left:-40px; z-index:0;}
        .sectioncontent1{position:relative; z-index:1;}

    .photosliderwrapper1{display:block; position:relative; margin-top:32px;}
        .photoslidercount1{font-size:.9rem; color:#7B7B7B; font-weight:600; font-style:normal; position:absolute; top:-32px; right:0;}
        .photoslider1{display:block; width:100%; overflow-x:hidden; overflow-y:auto; max-height:600px;}
            .photosliderlist1{display:flex; flex-wrap:wrap; padding:8px 8px 8px 0; list-style:none; margin:-32px 0 0 -32px;}
                .photoslideritem1{display:flex; flex:0 0 auto; width:33.3333%; padding:32px 0 0 32px; order:1; position:relative;}
                .photoslidernewitem1:after{content:''; display:block; width:24px; height:24px; border-radius:100%; background-color:#F7B80B; position:absolute; top:28px; right:-4px;}
                    .photosliderlink1{display:block; width:100%; cursor:pointer; background-color:#B2AEBF; box-sizing:border-box; padding:16px; border-radius:16px;}
                        .photosliderimgwrapper1{display:block; width:100%; height:0; padding-bottom:100%; overflow:hidden; border-radius:16px; background-color:#fff;}
                            .photosliderimg1{display:block; width:100%;}
                        .photoslidertext1{margin:16px 0; color:#fff; font-size:1rem; font-weight:600; text-align:center;}

    .naissancecontrols1{display:block; position:absolute; top:-50px; right:0;}
        .naissancecount1{display:inline-block; vertical-align:middle; font-size:.9rem; color:#7B7B7B; font-weight:600; font-style:normal; margin:0 16px 0 0;}
        .naissancecontrol{display:inline-block; vertical-align:middle; width:32px; height:32px; background-color:#EDEDED; border-radius:100%; position:relative;}
        .naissancecontrol.active{background-color:#CACACA;}
            .naissancecontrol > img{display:block; width:45%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

    .naissancewrapper1{display:flex; flex-wrap:nowrap; flex-direction:row; margin-top:40px;}
        .naissancenav1{display:flex; width:33.3333%; box-sizing:border-box; padding-right:16px;}
            .naissancenavlist1{display:block; width:100%; list-style:none; margin:0; padding:0;}
                .naissancenavitem1{display:block; width:100%;}
                .naissancenavitem1 + .naissancenavitem1{padding-top:16px;}
                    .naissancenavlink1{display:block; width:100%; background-color:#EDEDED; border-radius:32px; color:#292E31; text-align:center; padding:8px;}
                    .naissancenavlink1:hover{text-decoration:none; background-color:#cacaca; color:#292E31;}
                    .naissancenavlink1:active, .naissancenavlink1:focus{text-decoration:none;}
                    .naissancenavlink1.active{background-color:#F7B80B; color:#fff;}
        .naissance1{display:flex; width:66.6666%; box-sizing:border-box; padding-left:16px; max-height:700px; overflow-x:hidden; overflow-y:auto;}
            .naissancelist1{display:none;}
            .naissancelist1.active{display:flex; flex-wrap:wrap; width:100%; list-style:none; margin:0 8px 0 0; padding:0;}
                .naissanceitem1{display:block; width:100%;}
                .naissanceitem1 + .naissanceitem1{margin-top:16px;}
                    .naissancelink1{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; width:100%; cursor:pointer; background-color:#EDEDED; border-radius:16px; box-sizing:border-box; padding:16px;}
                    .naissancelink1:not(.disabled):hover{background-color:#F7B80B; color:#fff;}
                    .naissancelink1.disabled{border:4px solid #04B0BB; cursor:default;}
                        .naissancelink1.disabled .naissanceprice1{color:#04B0BB;}
                        .naissanceimgwrapper1{display:block; width:100%; flex:0 0 25%; height:0; padding-bottom:25%; overflow:hidden; border-radius:16px; background-color:#fff;}
                            .naissanceimg1{display:block; width:100%;}
                        .naissancecontent1{display:flex; flex-wrap:nowrap; flex-direction:row; flex:0 0 75%; align-items:center;}
                            .naissancequote1{flex:0 0 66.6666%; padding:0 16px;}
                                .naissancetitle1{font-size:1.2rem;}
                                .naissancetext1{font-size:.8rem; overflow:hidden; max-height:185px;}
                            .naissanceprice1{display:block; text-align:center; font-size:1.4rem; font-weight:800; flex:0 0 33.3333%; font-style:normal;}
                            .naissancepricesmall1{font-size:.7rem; color:#888; display:block; text-decoration:line-through;}
            .displaySmall .naissancelist1{margin-top:-8px;}
            .displaySmall .naissanceitem1{width:33.3333%; margin-top:0; padding:8px;}
            .displaySmall .naissanceimgwrapper1{flex:0 0 100%; padding-bottom:100%;}
            .displaySmall .naissancecontent1{display:none;}

        .naissance2{display:flex; width:100%; box-sizing:border-box; padding-left:16px; flex-wrap:wrap;}
            .naissancelist2{display:flex; flex-wrap:wrap; width:100%; list-style:none; margin:0 8px 0 0; padding:0;}
                .naissanceitem2{display:block; width:100%;}
                .naissanceitem2 + .naissanceitem2{margin-top:16px;}
                    .naissancelink2{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; width:100%; background-color:#EDEDED; border-radius:16px; box-sizing:border-box; padding:16px;}
                    /*.naissancelink2:not(.disabled):hover{background-color:#F7B80B; color:#fff;}*/
                    .naissancelink2.disabled{border:4px solid #04B0BB; cursor:default;}
                    .naissancelink2.disabled .naissanceprice2{color:#04B0BB;}
                        .naissanceimgwrapper2{display:block; width:100%; flex:0 0 25%; height:0; padding-bottom:25%; overflow:hidden; border-radius:16px; background-color:#fff;}
                            .naissanceimg2{display:block; width:100%;}
                        .naissancecontent2{display:flex; flex-wrap:nowrap; flex-direction:row; flex:0 0 75%; align-items:center;}
                            .naissancequote2{flex:0 0 66.6666%; padding:0 16px;}
                                .naissancetitle2{font-size:1.2rem;}
                                .naissancetext2{font-size:.8rem;}
                        .naissanceprice2{display:block; text-align:center; font-size:1.4rem; font-weight:800; flex:0 0 33.3333%; font-style:normal;}
                            .naissanceprice2 > .btn2{font-size:1rem; margin-top:.5rem;}
            .naissancelisttitre2{display:block; width:100%; margin:0 0 1rem;}
            .naissancetotal2 + .naissancelisttitre2{border-top:1px solid #7B7B7B; padding-top:1rem;}
            .naissancetotal2{display:block; width:100%; margin:1.5rem 3rem 3rem 0; font-size:1.2rem; text-align:right;}
                .naissancetotal2 > b{font-size:1.4rem;}
                .naissancetotal2 > .btn1{display:inline-block; margin-top:1rem;}
                .naissancetotal2 > .btn1 + br + .btn1{margin-top:.4rem;}
            .naissancetotalnotice2{display:block; margin-top:.6rem; font-size:.8rem;}

    .livrewrapper1{}
        .livre1{display:block; width:100%; overflow-x:hidden; overflow-y:auto; max-height:600px; margin:32px 0;}
            .livrelist1{display:flex; flex-wrap:wrap; flex-direction:row; list-style:none; margin:0; padding:0;}
                .livreitem1{display:flex; flex:0 0 33.3333%; padding:8px; box-sizing:border-box; position:relative;}
                .livrenewitem1:not(.livremyitem1):after{content:''; display:block; width:24px; height:24px; border-radius:100%; background-color:#F7B80B; position:absolute; top:2px; right:4px;}
                .livremyitem1:after{content:''; display:block; width:24px; height:24px; border-radius:100%; background-color:#04B0BB; border:2px solid #fff; box-sizing:border-box; position:absolute; top:2px; right:4px;}
                .livreitem1.bigger{flex:0 0 66.6666%;}
                    .livrelink1{display:block; width:100%; background-color:#CACACA; border-radius:16px; padding:16px; box-sizing:border-box; color:#fff; font-size:1rem; font-weight:600; position:relative;}
                        .livretext1{margin-bottom:48px;}
                        .livresign1{text-align:right; font-style:normal; position:absolute; bottom:16px; right:16px;}

    .livre2{display:block; width:100%;}
        .livrelist2{display:flex; flex-wrap:wrap; flex-direction:row; list-style:none; margin:0; padding:0;}
            .livreitem2{display:flex; flex:0 0 100%; padding:8px; box-sizing:border-box; position:relative;}
                .livrelink2{display:block; width:100%; background-color:#808080; border-radius:16px; padding:16px; box-sizing:border-box; color:#fff; font-size:1rem; font-weight:600; position:relative;}
                    .livretext2{}

    .formcontact1{margin:32px 0 80px;}

    .showcase1{display:flex; flex-wrap:nowrap; flex-direction:row;}
        .showcase1 > *{padding:0 16px;}
        .showcaseimgwrapper1{flex:0 0 35%;}
            .showcaseimg1{display:block; width:100%;}
        .showcasetext1{flex:0 0 35%;}
            .showcasetitle1{font-size:1.6rem; font-weight:800;}
            .showcasedescription1{}
        .showcaseaction1{flex:0 0 30%;}
            .showcaseprice1{display:block; font-size:2.4rem; font-weight:800; font-style:normal; margin:0 0 16px;}
            .showcaseexternalaction1{}
                .showcasebtnsite1{display:inline-block; margin-bottom:1rem;}
            .showcaseinternalaction1{}
                .showcaseprogresslabel1{}
                .showcaseprogress1{margin-bottom:16px;}
                .showcaseseparator1{background-color:#EDEDED; border:0; height:1px; margin:16px 0;}
                #modalListeNaissancePrixPartiel{}

    .loginwrapper{display:block; width:calc(100vw - 16px); height:calc(100vh - 32px); min-height:440px; position:relative; left:8px;}
        .login{display:block; width:60%; max-width:600px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
            .loginlogowrapper{display:block; width:120px; height:120px; background-color:#fff; border-radius:18px; overflow:hidden; position:relative; margin:0 auto -32px; border:8px solid #706A81;}
                .loginlogo{display:block; width:60px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
            .loginform{background-color:#fff; border-radius:16px; box-sizing:border-box; padding:32px;}

    .photoslidercontrols{}
        .photoslidercontrols > button{cursor:pointer; border:0; background:transparent; padding:0 16px;}
        .photoslidercontrols > button:hover, .photoslidercontrols > button:focus, .photoslidercontrols > button:active{outline:0;}
    .photosliderwrapper{display:block; width:100%; height:calc(100vh - 3.5rem - 9rem - 2rem); text-align:center;}
        .photosliderimg{max-width:100%; max-height:100%;}

    .col-2-wrapper{display:flex; flex-flow:row; flex-wrap:nowrap; width:100%;justify-content:space-between;}
        .parrain-marraine-wrapper{display:flex; width:calc(50% - 2rem);}
            .parrain-marraine-inside{display:block; width:100%;}
                .parrain-marraine-content{display:block; width: 100%; border:1rem solid; border-radius:1rem; margin:3rem 0 6rem;}
                .parrain-color{border-color:#f3b404; background-color:#f3b404;}
                .marraine-color{border-color:#04B0BB; background-color:#04B0BB;}
                    .parrain-marraine-title{display:block; font-size:1.4rem; font-weight:800; margin-bottom:16px;}
                    .parrain-marraine-img{display:block; width:100%;}
                    .parrain-marraine-text{font-weight:800; margin:1rem 0 1rem; font-size:1.2rem; color:#fff; text-align:center;}


    .offrir-wrapper-fullpage{display:block; position:absolute; width:100%; height:100%; background-color:#706A81; top:0; left:0;}
        .offrir-inner{display:block; width:calc(100% - 64px); max-width:1300px; height:calc(100% - 64px); min-height:626px; background-color:#fff; border-radius:32px; box-sizing:border-box; padding:32px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
            .offrir-inner > .maintitle{text-align:center;}
            .offrir-inner > .mainsubtitle{text-align:center; margin:0 auto;}
            .offrir-col-2{margin-top:2rem;}
                .offrir-item{display:block; max-width:calc(50% - 16px);color:#fff; background-color:#f3b404; box-sizing:border-box; padding:24px; border-radius:16px;}
                .offrir-item:hover, .offrir-item:active, .offrir-item:focus{color:#fff; text-decoration:none;}
                    .offrir-img-wrapper{display:block; background:#fff; border-radius:16px; overflow:hidden;}
                        .offrir-img{display:block; max-width:100%;}
                    .offrir-text{text-align:center; font-size:1.4rem; margin:1rem 0 0;}

/**RESPONSIVE**/

@media screen and (max-width: 1300px) {
    .mainsidebar{width:30%;}
    .mainarticle{width:70%;}
    .modal{padding-right:0!important;}
    .modal-dialog{max-width:90%;}
}

@media screen and (max-width: 1180px) {
    .maincontainer{padding:16px;}
    .togglemainnav{display:block;}
    .mainsidebar{width:400px; position:fixed; left:-400px; top:0; height:100vh; z-index:3; padding:16px 0; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;
    -webkit-transition: left .3s ease;}
    .mainsidebar.show{left:0px;}
    .mainarticle{width:100%;}

    .showcase1{flex-wrap:wrap;}
    .showcaseimgwrapper1{flex:0 0 50%;}
    .showcasetext1{flex:0 0 50%;}
    .showcaseaction1{flex:0 0 100%; margin:2rem 0 1rem;}
}

@media screen and (max-width: 800px) {
    .section1{padding:0 16px;}
}

@media screen and (max-width: 768px) {
    .photoslideritem1{width:50%;}
}

@media screen and (max-width: 700px) {
    .naissancewrapper1{flex-wrap:wrap;}
    .naissancenav1{width:100%; margin-bottom:2rem;}
    .naissance1{width:100%; padding-left:0;}

    .livreitem1{flex:0 0 50%;}
    .livreitem1.bigger{flex:0 0 100%;}

    .showcaseimgwrapper1{flex:0 0 100%;}
    .showcasetext1{flex:0 0 100%; margin:2rem 0 0;}
    .showcaseaction1{margin:1rem 0;}

    .parrain-marraine-wrapper{display:flex; width:calc(50% - 1rem);}
}

@media screen and (max-width: 600px) {
    .login{width:90%;}
    .maincontainer{padding:8px;}
    .togglemainnav{top:2px; left:2px;}
}

@media screen and (max-width: 576px) {
    .modal-dialog{margin:1rem auto;}
}

@media screen and (max-width: 460px) {
    .maintitle{font-size:2.2rem;}
    .mainsubtitle{font-size:1.2rem;}

    .mainlogo{width:86px; height:86px;}
        .mainlogoimg{width:50px;}
    .mainsidebar{width:360px;}
        .mainnavitem{margin:16px 0;}
            .mainnavlink{font-size:1rem;}
                .badge1{font-size:.9rem;}

    .naissanceimgwrapper1{flex:0 0 50%; padding-bottom:50%;}
    .naissancecontent1{flex:0 0 50%; flex-wrap:wrap;}
        .naissancequote1{flex:0 0 100%;}
        .naissanceprice1{flex:0 0 100%; text-align:left; padding:0 16px;}
            .naissancetext1{max-height:calc(4rem * 1.2); overflow:hidden;}

    .decorationimgwrapper2{margin:16px 0 -28px;}

    .naissancecontrols1{top:-24px;}
    .naissancenav1{margin-top:2rem;}

    .livreitem1, .livreitem1.bigger{flex:0 0 100%;}
    .decorationimgwrapper4{margin:20px 0 0;}

    .displaySmall .naissanceitem1{width:50%;}
}

@media screen and (max-width: 400px) {
    .maintitle{font-size:2rem;}
    .mainsubtitle{font-size:1rem;}

    .photoslideritem1{width:100%;}

    .naissance2{padding-left:0;}
    .naissancelink2{align-items:flex-start;}
    .naissanceimgwrapper2{flex:0 0 50%; padding-bottom:50%;}
    .naissancecontent2{flex:0 0 50%; flex-wrap:wrap;}
    .naissancequote2{flex:0 0 100%;}
    .naissanceprice2{flex:0 0 100%; text-align:left; padding:0 16px;}
    .naissancetext2{max-height:calc(4rem * 1.2); overflow:hidden;}

    .col-2-wrapper{flex-wrap:wrap;}
    .parrain-marraine-wrapper{display:flex; width:100%;}
}