crbtc.org/assets/style/pages/index/banner.css

47 lines
781 B
CSS
Raw Normal View History

2023-07-17 19:11:13 +00:00
.banner {
display: grid;
2023-09-02 06:22:13 +00:00
grid-template-columns: 1fr 2fr;
2023-07-17 19:11:13 +00:00
max-width: 60rem;
background: var(--t-color);
2023-09-02 06:22:13 +00:00
padding: 2rem 2rem 2.25rem 2rem;
margin: 2rem auto 7rem auto;
2023-07-17 19:11:13 +00:00
h4 {
2023-09-02 06:22:13 +00:00
margin: 0 0 1.5rem 0;
2023-07-17 19:11:13 +00:00
}
h6 {
color: var(--f-color);
2023-09-02 06:22:13 +00:00
font-size: 1.1rem;
font-weight: 400;
line-height: 1.65rem;
padding: .25rem 4rem 0 0;
2023-07-17 19:11:13 +00:00
}
}
@media only screen and (max-width: 768px) {
2023-07-17 19:11:13 +00:00
.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;
}
2023-07-17 19:11:13 +00:00
.msg .donate {
overflow-wrap: break-word;
2023-07-17 19:11:13 +00:00
}
}
}
@media only screen and (max-width: 600px) {
.banner h6 {
padding: .5rem 0;
text-align: center;
}
2023-07-17 19:11:13 +00:00
}