Szablon:SG/style.css

/**
	Style dala stronny głównej.
*/
.glowna-naglowek,
.glowna-naglowek *,
.glowna-sekcje,
.glowna-sekcje * {
	box-sizing: border-box;
}

/* górna, powitalna część */
.glowna-naglowek {
	display: flex;
	gap: .8em;
	flex-flow: wrap;
	align-items: flex-start;
}
.glowna-naglowek > div {
	flex: 1 1 300px;
}
.glowna-naglowek #mf-welcome {
	text-align:center;
}
.glowna-linki {
	display: flex;
	gap: .5em 1em;
	flex-flow: wrap;
}
.glowna-linki p {
	margin: 0;
	padding: 0;
}
.glowna-linki div {
	display: flex;
	flex-flow: column;
	gap: .5em;
}
.glowna-naglowek {
	margin-bottom: 1.5em;
}
.glowna-linki {
	margin-top: 1em;
}

/* sekcje z obramowaniem */
.glowna-h {
	text-align:left; padding:4px; font-size:110%;
	background-color:#dedede;
	border-left: 7px solid #ccc;
	margin-bottom:10px
}

.glowna-sekcje {
	display: flex;
	gap: .8em;
	flex-flow: wrap;
	align-items: stretch;
}
.glowna-sekcje .sekcja {
	flex: 1 1 30%;
	padding:10px;
	vertical-align:top;
	background-color:#f8f8f8;
	box-shadow: 0 1px .4em rgba(0, 0, 0, 0.6);
	border-radius: .2em;
}
.glowna-sekcje .glowna-mapa {
	flex-basis: 300px;
}
.glowna-sekcje .glowna-miejsca {
	flex-basis: 300px;
}
@media (max-width: 630px) {
	.glowna-sekcje .sekcja {
		flex-basis: 40%;
	}
}
@media (max-width: 510px) {
	.glowna-sekcje .sekcja {
		flex-basis: 90%;
	}
}