.main-top {
background-color: var(--ligther-main-color); height: 200px; float: left; width: 100%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); padding-top: 120px;
}
.content {
background-color: var(--card-color); box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.26); border-radius: 2px; overflow: hidden; z-index: 9; margin-top: -120px; margin-bottom:50px; width: auto; position: relative; display: inline-block; padding: 50px 0 0 0; max-width: 100%; color: var(--main-text-color);
}
.post > .row {
margin-bottom: 0px;
}
.container-main {
position:relative;
}
section {
margin-top: 25px;
}
.blog-post-img {
max-width: 100%; margin: 0 auto; display: block; text-align: center;
}
@media only screen and (max-width : 425px) {
.blog-post-img img { width: 100%; } .post-specs { font-size: .8em; }
}
.browser-default > li {
font-weight: 300; line-height: 2.0rem; font-size: 1.25rem; letter-spacing: 0.1rem;
}
.material-icons {
display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
}