@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');

:root {
    --cassiopeia-color-primary: #009846;
    --body-color: #ffffff;
    --heading-color:#ffffff;
    --link-color:#ffffff;
    --link-hover-color:#ffffff;
    --cassiopeia-font-family-headings:"Montserrat", sans-serif;;
}

body{
	background-color: #0b3917;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 900;
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

.title{
	font-size:32px;
	font-weight: 100;
}

.container-header {
	background-color: #009846;
	background-image: url("../images/mtbzielonagora-headerbgr.webp");
	background-size: cover;
	background-position-y: bottom;
}

.container-header .navbar-brand {
	margin-left: auto;
	margin-right: auto;
}

.homepage{
	row-gap:24px;
}

.homepage img{
	float: left;
	margin-right: 12px;

}

.homepage h3{
	margin-bottom: 0px;
}

.gallery img{
	margin-bottom: 24px;
	object-fit:cover;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.masonry-brick--h{
	flex:auto;
	height: 250px;
	min-width: 150px;
}

.masonry-brick--h:nth-child(4n+1){	width:250px;} 
.masonry-brick--h:nth-child(4n+2){	width:325px;} 
.masonry-brick--h:nth-child(4n+3){	width:180px;} 
.masonry-brick--h:nth-child(4n+4){	width:380px;}