crbtc.org/assets/style/pages/index/_banner.scss

46 lines
744 B
SCSS

.banner {
display: grid;
grid-template-columns: 1fr 2fr;
max-width: 60rem;
background: $t-color;
padding: 2rem 2rem 2.25rem 2rem;
margin: 2rem auto 4rem auto;
h4 {
margin: 0 0 1.5rem 0;
}
h6 {
color: $f-color;
font-size: 1.1rem;
font-weight: 400;
line-height: 1.65rem;
padding: .5rem 4rem 0 0;
}
}
@media only screen and (max-width: 768px) {
.banner {
display: block;
padding: 1.5rem 1.5rem 2rem 1.5rem;
margin: 4rem .5rem 2rem .5rem;
h4 {
margin: 0 0 .5rem 0;
}
h6 {
padding: .5rem 4rem .5rem 0;
}
.msg .donate {
overflow-wrap: break-word;
}
}
}
@media only screen and (max-width: 600px) {
.banner h6 {
padding: .5rem 0;
}
}