@charset "UTF-8";
/* CSS Document */

.Gallery .Limited {
	margin: 50px auto;
	text-align: center;
}

.Gallery .Limited h2 {
	margin-bottom:30px;
}

.Gallery .Navig {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  font-size: 1.05em;
}

.Gallery .Navig::after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  right:50%;
  bottom:-8px;
  height: 1px;
  background: #b31218;
  transition:all .2s ease-in-out;
}

.Gallery .Navig:hover::after {
  content: '';
  left: 0;
  right:0;
  bottom:-8px;
  transition:all .1s ease-in-out;
}

.Gallery .Navig.Active::after {
  content: '';
  position: absolute;
  display: block;
  left: 0%;
  right:0%;
  bottom:-8px;
  height: 1px;
  background: #b31218;
}




.Gallery .Navig a {
	display: block;
	padding: 0 5px 0 5px;
	color: #585857;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 300;
	transition:all .2s ease-in-out;
}

.Gallery .Navig.Active a {
	font-weight: 500;
}










.BoxGallery {
	display:inline-block;
	float:left;
	position:relative;
	width:25%;
	padding-bottom:15%;
	vertical-align:top;
	border:1px solid #FFF;
	box-sizing: border-box;
	background: no-repeat center center #EEE;
	background-size: cover;
}



@media (max-width: 992px)
{
	.BoxGallery {
		width:33.33%;
		padding-bottom: 20.8%;
		}
		
}


@media (max-width: 768px)
{
	.BoxGallery {
		width:50%;
		padding-bottom: 31%;
		}
		
	.Gallery .Navig a {
		margin: 20px 0 0 0;
}

}

@media (max-width: 480px)
{

}

