/* * { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; } */
html, body { overflow-x: hidden; overflow-y: auto; }
html { background-color: #eee; }
body { margin: 1.5vw; color: #333; }
.header {
  background-color: #333;
  color: #fff;
  padding: 1rem;
}
.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav__logo a {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}

.nav__menu {
  list-style-type: none;
  display: flex;
}

.nav__menu li {
  margin-left: 1rem;
}

.nav__menu li a {
  color: #fff;
}

/* Main content styles */
.about,
.gallery,
.contacts {
  padding: 2rem;
}

.about__title,
.gallery__title,
.contacts__title {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.imgs:hover {
	transform: scale(2.5);
}

#photos {
	/* Prevent vertical gaps */
	line-height: 0;
	 
	-webkit-column-count: 5;
	-webkit-column-gap:   0px;
	-moz-column-count:    5;
	-moz-column-gap:      0px;
	column-count:         5;
	column-gap:           0px;  
}
  
#photos img {
	width: 100% !important;
	height: auto !important;
}

@media (max-width: 1200px) {
	#photos {
		-moz-column-count:    4;
		-webkit-column-count: 4;
		column-count:         4;
	}
}
@media (max-width: 1000px) {
	#photos {
		-moz-column-count:    3;
		-webkit-column-count: 3;
		column-count:         3;
	}
}
@media (max-width: 800px) {
	#photos {
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
	}
}
@media (max-width: 400px) {
	#photos {
		-moz-column-count:    1;
		-webkit-column-count: 1;
		column-count:         1;
	}
}
hr {
	margin-top: 40px;
	border: 2px solid gray;
}
a:link {
	text-decoration: none;
}
  
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

/* .bgimg {
    background-image: url('/static/images/high_window.jpg');
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	background-color: transparent;
	height: 14vh;
	width: 100%;
} */