.section .section-heading { margin-top: 2rem; margin-bottom: 4rem; } .section-heading { text-align: center; h1 { @extend .h1-responsive; margin-top: 2rem; margin-bottom: 3rem; } p { margin-bottom: 3rem; margin-right: 15%; margin-left: 15%; } } .section-description { color: #757575; margin-bottom: 4rem; margin-left: 15%; margin-right: 15%; text-align: center; @media (max-width: $medium-screen) { margin-left: 5%; margin-right: 5%; } } .view.overlay.hm-white-slight{ @extend .z-depth-1-half; img { @extend .img-fluid; @include border-radius(2px); } } .section-blog-fw { .view { //@extend .z-depth-1; img { @extend .img-fluid; @include border-radius(2px); } } .jumbotron { @extend .m-1; text-align: center; } h2 { @extend .h2-responsive; margin-bottom: 1rem; font-weight:300; a { color: #424242; @include transition (0.2s); &:hover { color: #616161; @include transition (0.2s); } } } .excerpt, .post-text { margin-left: 10%; margin-right: 10%; text-align: justify; @media (max-width: $medium-screen) { margin-left: 5%; margin-right: 5%; } } hr { display: block; } } .hr-width { @media (min-width: 1200px) { width: 83%; } }