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


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.gallery_item{
  width:100%;
  position:relative;

}

.grayscale {
  filter: grayscale(100);
    -webkit-filter: grayscale(100);
    -moz-filter: grayscale(100);
}

.gallery_item img {	
  width: 100%; 
  height: auto;
  display: block;

}

.gallery_item a {
  position:absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  z-index:1;	
}

.gallery_item .image-overlay{
  opacity:0;
  position:absolute;
  background-color: #FFFFFF;
  width: 102%;
  height: 104%;  
  top: 51%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);		
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  z-index:0;
}


.gallery_item:hover .image-overlay{
  opacity:.8;
}

.gallery_item:hover{
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: none;
   filter: grayscale(0%);
	
}	

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.grid_item_1 { grid-area: A1; }
.grid_item_2 { grid-area: A2; }
.grid_item_3 { grid-area: A3; }
.grid_item_4 { grid-area: A4; }
.grid_item_5 { grid-area: A5; }
.grid_item_6 { grid-area: A6; }
.grid_item_7 { grid-area: A7; }
.grid_item_8 { grid-area: A8; }
.grid_item_9 { grid-area: A9; }
.grid_item_10 { grid-area: A10; }
.grid_item_11 { grid-area: A11; }
.grid_item_12 { grid-area: A12; }



.gallery_1-1 {
	display: grid;
  	grid-template-areas:
    'A1'
	'A2';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}	

.gallery_1-1-1 {
	display: grid;
	grid-template-columns: 100%;
  	grid-template-areas:
    'A1'
	'A2'
	'A3';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}	

.gallery_2-2-2 {
	display: grid;
  	grid-template-areas:
	'A1 A2'
    'A3 A4'
    'A5 A6';	
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}	

.gallery_1-2-2 {
	display: grid;
  	grid-template-areas:
	'A1 A1'
    'A1 A1'
    'A2 A3'
    'A4 A5';	
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}	


.gallery_2-1-2 {
	display: grid;
  	grid-template-areas:
	'A1 A2'
    'A3 A3'
    'A3 A3'
    'A4 A5';	
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}	

.gallery_1-4 {
  	display: grid;
	grid-template-areas:
    'A1 A1'
    'A1 A1'
    'A2 A3'
    'A4 A5';
  	grid-gap: 4vw; 
	padding-bottom: 4vw;	
}
.gallery_4-1 {
  	display: grid;
	grid-template-areas:
    'A1 A2'
    'A3 A4'
    'A5 A5'
    'A5 A5';
  	grid-gap: 4vw; 
	padding-bottom: 4vw;	
}

.gallery_3-3-3 {
  	display: grid;
  	grid-template-areas:
	'A1 A2'
    'A3 A4'
    'A5 A7'
    'A6 A6'
	'A6 A6'
	'A8 A9';
  	grid-gap: 4vw; 
  	padding-bottom:4vw;
}

.gallery_3-3-3_2 {
  	display: grid;
  	grid-template-areas:
	'A1 A1'
    'A1 A1'
    'A2 A3'
    'A4 A5'
	'A6 A7'
	'A8 A9';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}

.gallery_3-3-3_3 {
  	display: grid;
  	grid-template-areas:
	'A1 A2'
    'A3 A3'
    'A3 A3'
    'A4 A5'
	'A6 A7'
	'A8 A9';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}

.gallery_3-3-3_4 {
  	display: grid;
  	grid-template-areas:
	'A1 A2'
    'A3 A4'
    'A5 A5'
    'A5 A5'
	'A6 A7'
	'A8 A9';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}

.gallery_3-3-3_5 {
  	display: grid;
  	grid-template-areas:
	'A1 A2'
    'A3 A4'
    'A5 A6'
    'A7 A7'
	'A7 A7'
	'A8 A9';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}

.gallery_3-3-3_6 {
  	display: grid;
  	grid-template-areas:
	'A1 A3'
    'A2 A2'
    'A2 A2'
    'A4 A5'
	'A6 A7'
	'A8 A9';
  	grid-gap: 4vw; 
  	padding-bottom: 4vw;
}


@media screen and ( min-width :48.001em ){

.gallery_1 {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
  	grid-template-areas:
    'A1';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}	
	
.gallery_1-1 {
	display: grid;
	grid-template-columns: 48.4% 48.4%;
	grid-template-rows: 100%;
  	grid-template-areas:
    'A1 A2';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}	
	
.gallery_1-1-1 {
	display: grid;
	grid-template-columns: 31.5% 31.5% 31.5%;
	grid-template-rows: 100%;
  	grid-template-areas:
    'A1 A2 A3';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}	
	

	
.gallery_2-2-2 {
	display: grid;
	grid-template-columns: 31.5% 31.5% 31.5%;
	grid-template-rows: 47.2% 47.2%;
  	grid-template-areas:
	'A1 A2 A3'
    'A4 A5 A6';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}		

.gallery_1-2-2 {
	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 47.2% 47.2%;
  	grid-template-areas:
	'A1 A1 A2 A4'
    'A1 A1 A3 A5';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}		
	
.gallery_2-1-2 {
	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 47.2% 47.2%;
  	grid-template-areas:
	'A1 A3 A3 A4'
    'A2 A3 A3 A5';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}	
	
.gallery_1-4 {
	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 47.2% 47.2%;
  	grid-template-areas:
	'A1 A1 A2 A3'
    'A1 A1 A4 A5';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}

.gallery_4-1 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 47.2% 47.2%;
  	grid-template-areas:
	'A1 A2 A5 A5'
    'A3 A4 A5 A5';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}
	
.gallery_3-3-3 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 30.9% 30.9% 30.9%;
  	grid-template-areas:
	'A1 A2 A3 A4'
    'A5 A6 A6 A7'
	'A8 A6 A6 A9';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}	
	
.gallery_3-3-3_2 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 30.9% 30.9% 30.9%;
  	grid-template-areas:
	'A1 A1 A2 A3'
    'A1 A1 A4 A5'
	'A6 A7 A8 A9';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}
	

.gallery_3-3-3_3 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 30.9% 30.9% 30.9%;
  	grid-template-areas:
	'A1 A2 A3 A3'
    'A4 A5 A3 A3'
	'A6 A7 A8 A9';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}		
	
.gallery_3-3-3_4 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 30.9% 30.9% 30.9%;
  	grid-template-areas:
	'A1 A2 A3 A4'
    'A5 A5 A6 A7'
	'A5 A5 A8 A9';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}		
	
.gallery_3-3-3_5 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 30.9% 30.9% 30.9%;
  	grid-template-areas:
	'A1 A2 A3 A4'
    'A5 A6 A7 A7'
	'A8 A9 A7 A7';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}		
	
.gallery_3-3-3_6 {
  	display: grid;
	grid-template-columns: 22.9% 22.9% 22.9% 22.9%;
	grid-template-rows: 30.9% 30.9% 30.9%;
  	grid-template-areas:
	'A1 A2 A2 A3'
    'A4 A2 A2 A5'
	'A6 A7 A8 A9';
  	grid-gap: 2.2vw; 
  	padding-bottom: 2.2vw;
}				
	
}