.nav-black-bg,header{position:fixed;left:0}.nav-black-bg,header .header-ban-content{transition:all 1s cubic-bezier(.4,0,.2,1)}.nav-black-bg{z-index:999997;bottom:-100vh;height:0;width:100vw;background:#000}.nav-black-bg.show{height:90vh;bottom:0}header{z-index:999998;top:0;width:100%}header .header-ban-content{opacity:0;position:relative;z-index:12;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:40px;background:#fff}header .main-nav,header .main-nav ul li a{transition:all .5s cubic-bezier(.4,0,.2,1)}header .header-ban-content.show{opacity:1}header .header-ban-content .menu-open{text-transform:uppercase;font-size:.8rem;cursor:pointer}@media all and (min-width:901px){header .header-ban-content .menu-open{display:none}header .header-ban-content .social{width:140px}}header .header-ban-content .social li{display:inline;padding:0 10px}header .main-nav{visibility:hidden;opacity:0;position:absolute;top:0;left:0;width:100vw;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}#music,#projects{height:auto}header .main-nav.show{visibility:visible;opacity:1}header .main-nav ul{color:#fff;font-weight:700;font-size:2rem;line-height:1.5}@media all and (max-width:900px){header .main-nav{-ms-flex-direction:column;flex-direction:column}header .main-nav ul{font-size:1.5rem;padding-top:10vh}header .main-nav ul li.credits{position:absolute;bottom:20px;left:50%;transform:translate(-50%,0);text-align:center}}header .main-nav ul li{display:table;color:grey}header .main-nav ul li a.active,header .main-nav ul li a:hover{color:#fff}header .main-nav ul li.credits{margin-top:60px;font-size:.6rem;color:#fff;font-weight:lighter}header .main-nav ul li.credits a{border-bottom:1px solid #fff}header .main-nav .contact{color:#fff;text-align:right}header .main-nav .contact span{font-weight:700;font-size:2rem}header .main-nav .contact p a{border-bottom:1px solid transparent;transition:all 1s cubic-bezier(.4,0,.2,1)}.music-wrap,.music-wrap .music-item button,.projects-wrap,.projects-wrap .project .col button,header .desktop-nav,header .desktop-nav ul li{transition:all .5s cubic-bezier(.4,0,.2,1)}header .main-nav .contact p a:hover{border-bottom:1px solid #fff}header .desktop-nav{width:100vw;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}@media all and (max-width:900px){header .main-nav .contact span{font-size:1.5rem}header .main-nav .contact p{font-size:.8rem}header .desktop-nav{display:none}#projects{padding-bottom:0}}header .desktop-nav ul li{display:inline;margin-right:100px;border-bottom:1px solid transparent;cursor:pointer}header .desktop-nav ul li.active,header .desktop-nav ul li:hover{border-bottom:1px solid #000}.projects-wrap{opacity:0;width:80vw;margin:auto auto 10vh}.projects-wrap.show{opacity:1}.projects-wrap .project{margin-top:25vh}.projects-wrap .project:nth-child(even) .project-heading{text-align:right}@media all and (max-width:900px){#projects .left{padding-top:0}.projects-wrap .project:nth-child(even) .project-heading{text-align:justify}}.projects-wrap .project:nth-child(even) .project-content p{text-align:right}.projects-wrap .project:nth-child(even) .project-content button{float:right}@media all and (max-width:900px){.projects-wrap .project:nth-child(even) .project-content p{text-align:justify}.projects-wrap .project:nth-child(even) .project-content button{margin:40px auto;display:table;float:initial}}.projects-wrap .project .project-heading{margin-bottom:40px}.projects-wrap .project .project-heading h2{margin-top:0;font-size:2rem}.projects-wrap .project .project-heading h3{font-weight:lighter;font-size:1rem}.projects-wrap .project .project-content{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.projects-wrap .project .col{width:45%}.projects-wrap .project .col p{font-size:.9rem;line-height:2}.projects-wrap .project .col p a{text-decoration:underline}.projects-wrap .project .col .img-wrap,.projects-wrap .project .col .video,.projects-wrap .project .col .video iframe{width:100%}.projects-wrap .project .col button{background:#000;padding:5px;color:#fff;font-size:.5rem;letter-spacing:1px;text-transform:uppercase;border:2px solid transparent}@media all and (max-width:900px){.projects-wrap .project .project-content{-ms-flex-direction:column;flex-direction:column}.projects-wrap .project .col{width:100%}.projects-wrap .project .col p{text-align:justify}.projects-wrap .project .col button{margin:40px auto;display:table}}.projects-wrap .project .col button:hover{background:#fff;color:#000;border:1px solid #000}.projects-wrap .project .col.right h2,.projects-wrap .project .col.right h3{text-align:right}#music{padding-bottom:0}.music-wrap{opacity:0;width:80vw;margin:auto auto 10vh}.music-wrap.show{opacity:1}.music-wrap .music-item{width:60%;margin:25vh auto auto}@media all and (max-width:900px){.projects-wrap .project .col.right h2,.projects-wrap .project .col.right h3{text-align:justify}.music-wrap .music-item{width:100%;margin-top:15vh}}.music-wrap .music-item h2{margin-top:0;margin-bottom:60px;font-size:2rem}.music-wrap .music-item h3{margin-bottom:40px}.music-wrap .music-item iframe{width:100%;margin-bottom:20px}.music-wrap .music-item button{background:#000;padding:5px;color:#fff;font-size:.5rem;letter-spacing:1px;text-transform:uppercase;border:2px solid transparent}@media all and (max-width:900px){.music-wrap .music-item button{display:table;margin:20px auto auto}#press .left{-ms-flex-order:1;order:1}#press .right{-ms-flex-order:2;order:2}}.music-wrap .music-item button:hover{background:#fff;color:#000;border:1px solid #000}.music-wrap .music-item .all-streams{background:#fff;width:191px;padding:20px;margin-bottom:40px}.music-wrap .music-item .all-streams ul li{margin-bottom:40px}.music-wrap .music-item .all-streams ul li:last-child{margin-bottom:0}.music-wrap .music-item .all-streams ul li a img{width:100px}#press .left .citations p{font-size:1.5rem;line-height:1.2;font-style:italic}#press .left .citations p span{display:block;font-style:initial;font-size:.9rem;margin-top:10px}@media all and (min-width:1680px){#press .left .citations{font-size:2rem}}#press .right a,#press .right a:focus{outline:0}#press .right a img{width:400px;height:400px;object-fit:cover;padding:20px;margin:20px;border:1px solid #000}body,html,ul{padding:0;margin:0}body,html{box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:16px}body.music-store,html.music-store{background:url(../img/bio/perrine-missemer-2-opacity.png) no-repeat fixed;background-size:cover}@media all and (max-width:1024px){body.music-store,html.music-store{background:#fff}}a{color:inherit;text-decoration:none}ul{list-style:none}.img-wrap{position:relative;width:400px}.img-wrap .caption,.img-wrap img{width:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.img-wrap img{padding:0 0 20px}.img-wrap .caption{opacity:0;position:absolute;bottom:10px;left:0;padding:10px;box-sizing:border-box;font-size:.8rem;letter-spacing:1px;background:#fff}.contact-wrap,main .section .section-col img,main .section .section-col p,main .section h1,main .section h2{transition:all 1s cubic-bezier(.4,0,.2,1)}.img-wrap .caption.show,.img-wrap:hover .caption{opacity:1}.contact-wrap{position:fixed;z-index:999999;top:-50vh;left:0;background:#000;color:#fff;padding:40px}.contact-wrap.show{top:0}.contact-wrap .contact-close{font-size:75%;margin-top:20px;display:block;cursor:pointer}.contact-wrap .contact-close:hover,.contact-wrap a:hover{text-decoration:underline}main .section{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}main .section h1{font-size:3rem;opacity:0;margin:-10px 0 0;font-weight:700;display:table}@media all and (max-width:900px){body,html{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.img-wrap{width:100%}main .section{padding-bottom:10vh;height:initial}main .section h1{font-size:2rem}}main .section h1.show{opacity:1}main .section h1 span{display:block;text-align:right;font-weight:lighter;font-size:60%}main .section h2{opacity:0}main .section h2.show{opacity:1}main .section.home{padding-top:0}main .section.home h1{margin-top:0}main .section.home .desktop-fb{margin-top:32px;margin-bottom:0;height:20vh!important}main .section.home .right{text-align:center}main .section.home .right .slides-container{height:100vh;position:relative}@media all and (max-width:767px){main .section.home #welcome-span,main .section.home h1{margin-left:20px}main .section.home .right .slides-container{height:100vh}}main .section.home .right .slides-container img{opacity:0;height:100%;object-fit:contain;position:absolute;top:0;left:0;right:0;margin:auto;transition:all 1s cubic-bezier(.4,0,.2,1)}@media all and (min-width:1680px){main .section.home .right .slides-container img{height:initial;width:60%}}main .section.home .right .slides-container img.showw{opacity:1}main .section.home .right .mobile-fb{margin-top:10vh;margin-bottom:10vh}@media all and (min-width:901px){main .section.home .right .mobile-fb{display:none}}main .section#news iframe{margin:10vh 0}main .section#a-propos h1,main .section#agenda h1,main .section#news p:last-child{margin-bottom:10vh}@media all and (max-width:900px){main .section.home .desktop-fb{display:none}main .section.home{padding-top:0;padding-bottom:0}main .section.home .left{-ms-flex-order:1!important;order:1!important;padding-top:100px}main .section.home .right{-ms-flex-order:2!important;order:2!important;padding-top:40px}main .section#news .right{display:none}main .section#a-propos .right{-ms-flex-order:2;order:2}main .section#a-propos .left{-ms-flex-order:1;order:1}main .section{-ms-flex-direction:column;flex-direction:column}}main .section .section-col{width:50%;padding-top:25vh}main .section .section-col.left{padding-left:10vw}main .section .section-col article{overflow-y:scroll;-webkit-overflow-scrolling:touch}@media all and (max-width:900px){main .section .section-col{width:100%}main .section .section-col.left{-ms-flex-order:2;order:2}main .section .section-col.right{-ms-flex-order:1;order:1}main .section .section-col article{height:auto}main .section .section-col p{text-align:justify;width:80%}}main .section .section-col p{opacity:0;width:80%;font-size:.9rem;line-height:2}main .section .section-col p.show{opacity:1}main .section .section-col img{margin-bottom:10px;opacity:0;width:400px}main .section .section-col img.show{opacity:1}