@media screen { .no-sidebar { .site { display: grid; grid-template-columns: 1fr minmax(0,35em) minmax(0,35em) 1fr; grid-template-areas: "header" "main" "aside" "footer"; margin: auto; padding: 0; header { grid-column: 1 / -1; } main { grid-column: 2 / 4; } aside { grid-column: 2 / 4; } footer { grid-column: 1 / -1; } } .site-header { position: sticky; z-index: 900; top: 0; margin-bottom: 2rem; background-color: hsla(0, 0%, 100%, 1); i-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 1px 0 0 rgba(0,0,0,0.01); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 1px 0 0 rgba(0,0,0,0.01); box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 1px 0 0 rgba(0,0,0,0.0); .main { display: flex; flex-flow: row; align-items: center; justify-content: space-around; } .secondary { display: flex; flex-flow: column; align-items: center; } } .site-main { h1,h2,h3,h4,h5,h6,.entry-content { margin:0; } } } .ofisuport-destacats,.ofisuport-featured,.archive-posts { display: grid; grid-template-columns: repeat(1 , 1fr); gap: $grid__gap; } } @media screen and (min-width: 48em) { .no-sidebar { .site { } .site-header { .main { flex-flow: column; border-bottom: 1px solid $color__grey-lighter; } .secondary { } } &.single { .site-main { width: 45rem; margin: 0 auto; } } } .ofisuport-destacats,.ofisuport-featured,.archive-posts { grid-template-columns: repeat(4 , 1fr); .entry-title { min-height: 13rem; } } } @media screen and (min-width: 80em) { .no-sidebar { .site { } .site-header { .main { flex-flow: row; } .secondary { } } } }