$header-height : 110px; $width-menu-slidedown : 550px; .layout-container { position: relative; width: 100vw; background-color: $background-home; font-family: $font-family-default; font-weight: 400; font-style: normal; top: 0%; left: 0%; overflow: hidden; display: flex; flex-flow: row wrap; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; header{ flex: 0 0 100%; } footer{ flex: 0 0 100%; z-index: 101; } } .layout-content{ position: relative; top: $header-height; order: 2; padding-top: 3rem; padding-bottom: 6rem; width: 80%; margin: auto; @media(max-width: 891px){ width: 90%; } @media (max-width:500px) { padding-top: 0; } .layout__region--first{ flex: 0 1 25%; } .layout__region--second{ flex: 0 1 75%; &.view-id-home{ margin: 0; } } } aside.layout-sidebar-first{ width: 20%; order: 1; margin-top: 5rem; margin-left: 10%; margin-right: 1rem; @media(max-width:891px){ margin-left: 5%; margin-top: 9rem; } @media (max-width:500px) { width: 80%; margin-top: 3rem; } } aside.layout-sidebar-second{ position: absolute; top:0; right:0; background-color: #fff; height: 300vh; padding: 1em; z-index: 100; } main{ width: 100%; display: flex; flex-direction: row; position: relative; @media (max-width:500px) { flex-direction: column; } } .main-content{ margin-top: 7rem; } #block-reha-titredepage{ // display: none; } p{ background-color: transparent; }