/*
Color: D9D9D9; light gray
Color: 5D5D5D; dark grey
*/

/* ----------------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------------- */

.width-full {
	width: 100%;
}

.width-limiter-1000 {
	width: 1000px;
}
.width-limiter {
	width: 1300px;
}

.zawijanie {
	display: flex;
	flex-wrap: wrap;
}

.center-horizontal {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	/* padding: 0; */
}

.center-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	/* padding: 0; */
}

.space-between {
	display: flex;
	justify-content: space-between;
}

.space-around {
	display: flex;
	justify-content: space-around;
}

.relative-container {
	position: relative;
	top: 0;
}

.space-x {
	margin-left: 1rem;
	margin-right: 1rem;
}
.space-y {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.light-grey {
	background-color: rgb(217, 217, 217);
}
.white {
	background-color: rgb(255, 255, 255);
}

/* ------ LINKS ------ */

a:link,
a:visited {
	color: rgb(93, 93, 93);
	text-decoration: none;
}

a:hover,
a:active {
	color: rgb(1, 1, 1);
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

/* ------ TEXT ------ */
.opis {
	text-align: left;
	margin: 1rem;
}

/* ----------------------------------------------- */
/* HEADINGS */
/* ----------------------------------------------- */
h1,
h2 {
	margin: 1rem 0 1rem 0;
	font-weight: 200;
	line-height: 1.3;
	text-align: center;
}

h3,
h4,
h5 {
	font-weight: 400;
}

/* h1 {
  margin-top: 1rem;
  font-size: 3.052rem;
} */

h1 {
	font-size: 2.441rem;
}

h2 {
	font-size: 1.953rem;
}

h3 {
	font-size: 1.563rem;
}

h4 {
	font-size: 1.25rem;
}

small,
.text_small {
		font-size: 0.5rem;
	}

/* ------ OL Ul Li style ------ */
/* ul,
ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
} */

ul {
	/* list-style: url("/img/li-dot.svg") inside; */
	list-style-position: outside;
	/* padding-left: 8px; */
}

ul li {
	font-size: 1rem;
	line-height: 160%;
	font-weight: 400;
	font-style: normal;
	/* padding-left: 4px; */
}
ul li::marker {
	font-size: 0.5rem;
}

.main-header ul li {
	font-size: 1rem;
	list-style-type: none;
	list-style: none;
}

/* --- TEXT TRANSFORM --- */
.uppercase {
	text-transform: uppercase;
}

.small-letter {
	font-size: 32px;
	line-height: 1em;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

/* --- MEDIA QUERIES --- */

/* Landscape phones and down */
@media (min-width: 481px) {
	
}

/* Landscape phone to portrait tablet */
@media (min-width: 769px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 1025px) {
	h1,
	h2 {
		font-weight: 100;
		line-height: 1.3;
	}

	h1 {
		margin-top: 2rem;
		margin-bottom: 1rem;
		font-size: 3.052rem;
		text-align: center;
	}

	/* h2 {font-size: 3.157rem;} */

	h2 {
		font-size: 2.369em;
		margin-top: 1.2rem;
	}

	h3 {
		font-size: 1.777em;
	}

	h4 {
		font-size: 1.333em;
	}

	small,
	.text_small {
		font-size: 0.75rem;
	}
}

/* XLarge screen */
@media (min-width: 1201px) {
	h1,
	h2 {
		font-family: "Montserrat", sans-serif;
		font-weight: 100;
		line-height: 1.3;
	}

	h1 {
		margin-top: 2rem;
		margin-bottom: 1rem;
		font-size: 4.209rem;
		text-align: center;
	}

	/* h2 {font-size: 3.157rem;} */

	h2 {
		font-size: 2.369em;
		margin-top: 1.2rem;
	}

	h3 {
		font-size: 1.777em;
	}

	h4 {
		font-size: 1.333em;
	}

	small,
	.text_small {
		font-size: 0.75rem;
	}
}

/* ------------------------------------------------ */
/* GALERIA */
/* ------------------------------------------------ */

.photo {
	max-width: 90%;
	height: auto;
	margin: 1rem;
	/* display: block; */
}