hedera-web/forms/cms/about/style.css

87 lines
1.4 KiB
CSS

@media screen and (min-width: 1000px) /* and (max-width: 1399px) */ {
.about .cols
{
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
}/*
@media screen and (min-width: 1400px) {
.about .cols
{
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
}
@media screen and (min-width: 2000px) {
.about .cols
{
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
}*/
.about .box {
margin-bottom: 16px;
padding: 32px;
}
.about h1 {
padding: 0;
margin: 0;
font-weight: normal;
font-size: 1.6em;
}
.about h2 {
text-align: center;
font-size: 1.2em;
font-weight: normal;
margin: 1em;
}
.about h3 {
text-align: center;
font-size: 1.2em;
font-weight: normal;
padding: 1em;
color: #00796B;
}
.about p {
margin: 1em 0;
}
.about p.summary {
max-width: 26em;
text-align: center;
background-color: #FF8;
padding: 1em;
border-radius: 0.1em;
box-shadow: 0 0.2em 0.2em #AAA;
margin: 1.5em auto;
}
/* Images */
.about img {
max-width: 90%;
text-align: center;
padding: 1em;
display: block;
margin: 0 auto;
}
.about img[alt="producers"],
.about img[alt="4_control"],
.about img[alt="dealer"],
.about img[alt="goods_transport"] {
float: right;
}
.about img[alt="2_control"] {
float: left;
}
.about img[alt="glass"] {
display: inline;
padding: 0;
padding-left: 0.9em;
vertical-align: middle;
}