@media screen and (max-width: 768px) {
  /* line 2, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container {
    flex-direction: column;
    overflow: scroll; }
  /* line 7, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container > .content.left .screen > .arrow img {
    padding: 1rem; }
  /* line 11, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container > .content.right > .bg {
    position: initial; }
  /* line 15, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container > .content.right > .bg > img {
    display: none; }
  /* line 19, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container > .content.right > .bg .texts {
    /*padding-right: 3rem;*/
    overflow: initial;
    height: auto;
    padding: 2rem 1rem 5rem;
    position: initial; }
  /* line 27, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container > .content.right > .bg .texts p {
    text-align: center;
    margin: 1rem 0; }
  /* line 32, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .content-container > .content.left .screen > .arrow img {
    min-height: 4rem; }
  /* Header du drawer */
  /* line 37, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .header {
    margin-bottom: 4rem; }
  /* line 41, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .header > img {
    top: 1rem; }
  /* line 45, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer .header > .title,
  #drawer .header > .url {
    position: relative;
    bottom: -4rem; }
  /* line 51, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer #drawer-container {
    padding-top: calc(var(--padding-top-content) - 1rem); }
  /* line 55, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #drawer.mobile_app .content-container > .content.left > .img-container.mobile {
    height: 50vh;
    height: 50dvh; } }

@media screen and (max-width: 768px) {
  /* line 63, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  #realisations {
    flex-direction: column; }
  /* line 67, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  .realisation .content > img {
    height: 25rem;
    width: 100%;
    object-fit: cover;
    object-position: center; }
  /* line 74, app_site/static/scss/app_site/page_realisations/style.mobile.scss */
  .gradient {
    height: 3rem; } }