/* noto-sans-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/noto-sans-v39-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/noto-sans-v39-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

div-vr {
	display: flex;
	flex-direction: column;
	align-items: center;
}

div-hr {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.bar-view {
	height:50vh;
	align-items: flex-end;
}

.bar {
	height: 100%;
	width:4em;
	background-color: rgb(108, 151, 251);
	border:1px solid #333;
	box-shadow: 2px 2px 5px #333;
}

h4 {
	text-transform: uppercase;
}

.h2-heading {
	text-transform: uppercase;
}

.list-big {
	font-weight: 400;
}
.list-big big {
	display: block;
	font-size: 3em;
	font-weight: bold;
	margin:1em 0 1rem 0;
}
.list-big div {
	padding: 1em;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 2px 2px 25px #eee;
	margin:2em;
	text-align: center;
}

.project-item {
	display: flex;
	padding: 1rem;
}

.image-container {
	display: inline-block;
	text-align: center;
}


.image-container img {
	height: 80vh;
	border:1px solid #000;
	border-radius: 10px;
	overflow: hidden;
}

.text-block {
	display: inline-block;
	vertical-align: top;
	padding: 1em;
}



@media (orientation: portrait) {
	.project-item {
		flex-wrap: wrap;
		justify-content: center;
	}
	.desktop {
		display: none;
	}

	.h1-large {
		font-size: 2.2rem;
	}

}