/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px), (min-width: 1025px) and (max-width: 1280px), (min-width: 768px) and (max-width: 1024px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	body {
		font-family: 'Open Sans Condensed', sans-serif;
		background-color: white;
		height: 2000px;
	}
	
	.container {
		max-width: 1264px;
		margin: 0 auto;
	}
	
	.grid-layout {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
		grid-auto-rows: minmax(4.5rem, auto);
		grid-auto-flow: dense;
		//grid-gap: 10px;
		//padding: 10px;
	}
	
	.grid-item {
		padding: 1rem;
		font-size: 14px;
		font-weight: bold;
		//text-transform: uppercase;
		color: #929796;
		//background-color: #333;
		//border-radius: 5px;
	}
    
	.item-3-content {
		font-size:0.7rem;
		margin-top: 50px;
		width:40%;
	}
	.item-3-box {
		border: 1px solid white;
		padding-top: 50px;
		margin-bottom: 50px;
	}
	.item-3-title1 {
		font-size:0.9rem;
		letter-spacing:4px;
		margin-bottom:2px;
	}
	.item-3-subtitle1 {
		font-size:0.9rem;
		letter-spacing:7px;
		font-weight:900;
		margin-top:3px;
		margin-bottom:50px;
	}
	.item-3-title2 {
		font-size:0.9rem;
		letter-spacing:2px;
		font-weight:900;
		margin-bottom:30px;
	}
	.item-3-title3 {
		text-align: center;
		font-size:0.9rem;
		letter-spacing:3px;
		font-weight:900;
		margin-bottom:2px;
	}
	.item-3-subtitle3 {
		text-align: center;
		//margin-left:7px;
		font-size:0.9rem;
		letter-spacing:4px;
		font-weight:900;
		margin-bottom:60px;
	}
	.item-3-title4 {
		font-size:0.9rem;
		letter-spacing:3px;
		font-weight:900;
		margin-bottom:30px;		
	}
	
	.item-4-content {
		margin-top: 180px;
		font-size:0.9rem;
		letter-spacing:1px;
		width:83%;
	}
	.item-4-title1 {
		font-size:1.2rem;
		letter-spacing:2px;
		//font-size:1rem;
		//letter-spacing:4px;
	}
	.item-4-subtitle1 {
		font-size:0.8rem;
		letter-spacing:4px;
		//font-size:0.8rem;
		//letter-spacing:4px;
		font-weight:900;
		margin-top:8px;
		margin-bottom:50px;
	}
	
	.item-6-content {
		margin-top: 60px;
		font-size:0.7rem;
		width:100%;
	}
	.item-6-title {
		text-align:center;
		font-size:1rem;
		letter-spacing:13px;
		margin-bottom:7px;
	}
	.item-6-subtitle {
		text-align:center;
		font-size:1.1rem;
		letter-spacing:3px;
		font-weight:900;
	}
	
	.item-9-content {
		margin-top:130px;
	}
	.item-9-title {
		text-align:center; 
		font-size:0.9rem; 
		font-weight:900; 
		letter-spacing:1px;
	}
	.item-9-subtitle {
		text-align:center; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:9px; 
		margin-top:5px;
	}

	.item-10-content {
		margin-top:60px;
	}
	.item-10-img {
		 width:120px;
	}
	.item-10-title {
		text-align:center; 
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:3px;
		margin-bottom:5px;
	}
	.item-10-subtitle {
		text-align:center; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:4px; 
		margin-top:5px;
	}
	
	.item-11-content {
		margin-top:40px;
	}
	.item-11-img {
		width:180px;
	}
	.item-11-title {
		text-align:center; 
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:7px;
		margin-top:5px;
	}
	.item-11-subtitle {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:6px; 
		margin-top:5px;
	}
/*
	.item-11-title {
		text-align:center; 
		font-size:0.8rem; 
		font-weight:900; 
		letter-spacing:10px;
		margin-top:5px;
	}
	.item-11-subtitle {
		text-align:center; 
		font-size:0.8rem; 
		font-weight:900; 
		letter-spacing:8px; 
		margin-top:5px;
	}
*/
	.item-12-content {
		margin-top:110px;
	}
	.item-12-title {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:900; 
		letter-spacing:5px;
	}
	.item-12-subtitle {
		text-align:center; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:7px; 
		margin-top:5px;
	}
/*
	.item-13-content {
		margin-top:60px;
		color: black;
	}
	.item-13-img {
		width:130px;
	}
	.item-13-title {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:5px;
	}
	.item-13-subtitle {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:4px; 
		margin-top:5px;
		margin-bottom:0px;
	}
*/	
	.item-13-content {
		margin-top:70px;
	}
	.item-13-img {
		width:140px;
		margin-top:0px;
	}
	.item-13-title {
		position:absolute;
		margin-left:40px; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:6px;
		line-height:30px;
		margin-bottom:10px; 
		z-index:2;
	}
	.item-13-subtitle {
		position:absolute;
		margin-left:40px;
		margin-top:30px;
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:6px;	
		z-index:2;
	}
	.item-13-bgimg {
		position:absolute;
		margin-left:110px;	
		//font-size:1.2rem; 
		//font-weight:900; 
		//letter-spacing:20px; 
		//margin-top:5px;
		//display:inline-block;
		z-index:0;		
	}	
	
	.item-14-content {
		margin-top:0px;
	}
	.item-14-title {
		position:absolute;
		margin-left:130px;
		margin-top:50px;
		text-align:center; 
		font-size:1.5rem; 
		font-weight:300; 
		letter-spacing:18px;
		margin-bottom:5px;
		z-index:2;
	}
	.item-14-subtitle {
		position:absolute;
		margin-left:140px;
		margin-top:80px;
		text-align:center; 
		font-size:1.5rem; 
		font-weight:300; 
		letter-spacing:5px;
		z-index:2;
	}
	.item-14-img {
		 width:400px;
	}
	.item-14-bgimg {
		position:absolute;
		margin-left:-20px;	
		margin-top:15px;
		z-index:0;		
	}
	
	.item-15-content {
		margin-top:70px;
	}
	.item-15-img {
		width:92px;
		margin-top:7px;
	}
	.item-15-img2 {
		 width:180px;
		 margin-top:3px;
	}
	.item-15-title {
		position:absolute;
		margin-left:75px; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:3px;
		display:inline-block; 
		margin-top: 18px;
	}
	.item-15-subtitle {
		position:absolute;
		margin-left:200px;	
		font-size:0.8rem; 
		font-weight:900; 
		letter-spacing:7px; 
		margin-top:5px;
		display:inline-block; 
	}	
/*	
	.item-16-content {
		margin-top:70px;
	}
	.item-16-img {
		width:140px;
		margin-top:0px;
	}
	.item-16-title {
		position:absolute;
		margin-left:30px; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:20px;
		line-height:30px;
		margin-bottom:10px; 
	}
	.item-16-subtitle {
		position:absolute;
		margin-left:30px;
		margin-top:30px;
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:19px; 
	}
	.item-16-bgimg {
		position:absolute;
		margin-left:100px;	
		font-size:1.2rem; 
		font-weight:900; 
		letter-spacing:20px; 
		//margin-top:5px;
		display:inline-block; 
	}
*/
	.item-16-content {
		margin-top:60px;
		color: black;
	}
	.item-16-img {
		width:130px;
	}
	.item-16-title {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:21px;
	}
	.item-16-subtitle {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:19px; 
		margin-top:5px;
		margin-bottom:0px;
	}

	.item-17-content {
		margin-top:70px;
		color: black;
	}
	.item-17-img {
		width:60px;
	}
	.item-17-title {
		text-align:center; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:4px;
		margin-top:5px;
	}
	.item-17-subtitle {
		text-align:center; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:20px; 
		margin-top:5px;
	}

	.item-18-content {
		margin-top:70px;
	}
	.item-18-img {
		width:92px;
		margin-top:7px;
	}
	.item-18-img2 {
		 width:180px;
		 margin-top:3px;
	}
	.item-18-title {
		position:absolute;
		margin-left:45px; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:3px;
		display:inline-block; 
		margin-top: 18px;
	}
	.item-18-subtitle {
		position:absolute;
		margin-left:175px;	
		font-size:0.8rem; 
		font-weight:900; 
		letter-spacing:7px; 
		margin-top:5px;
		display:inline-block; 
	}	

	.item-19-content {
		margin-top:90px;
		color: black;
	}
	.item-19-title {
		text-align:center; 
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:5px;
	}
	.item-19-subtitle {
		text-align:center; 
		font-size:1.2rem; 
		font-weight:900; 
		letter-spacing:10px; 
		margin-top:5px;
	}

	.item-21-content {
		margin-top:160px;
		color: white;
	}
	.item-21-title {
		text-align:center; 
		font-size:2.5rem; 
		font-weight:900; 
		letter-spacing:2px;
		color: white;
	}
	.item-22-content {
		margin-top:50px;
		width:50%;
		margin-left:10px;
	}
	.item-22-img {
		width: 350px;
		position:absolute;
		margin-right:100px;
	}
	.item-22-title {
		position:absolute;
		margin-left:40px; 
		font-size:0.8rem; 
		font-weight:300; 
		letter-spacing:3px;
		display:inline-block; 
	}
	.item-22-subtitle {
		position:absolute;
		margin-left:420px;	
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:2px; 
		margin-top:18px;
		display:inline-block; 
	}	
	
.width-3 {
  grid-column-end: span 3;
}
.width-4 {
  grid-column-end: span 4;
}
.width-5 {
  grid-column-end: span 5;
}
.width-6 {
  grid-column-end: span 6;
}
.width-7 {
  grid-column-end: span 7;
}
.width-8 {
  grid-column-end: span 8;
}
.width-12 {
  grid-column-end: span 12;
}

.height-3 {
  grid-row-end: span 3;
}
.height-4 {
  grid-row-end: span 4;
}
.height-4-fixed {
  grid-row-end: span 4;
}
.height-5 {
  grid-row-end: span 5;
}
.height-5-fixed {
  grid-row-end: span 5;
}
.height-6 {
  grid-row-end: span 6;
}
.height-7 {
  grid-row-end: span 7;
}
.height-8 {
  grid-row-end: span 8;
}
.height-8-fixed {
  grid-row-end: span 8;
}
.height-9 {
  grid-row-end: span 9;
}

.modal-content {
  //background-color: #fefefe;
  background: transparent; 
  //margin: 10% auto; 
  margin-top: 0;
  margin-left: 20%;
  padding: 20px;
  border: 0px solid #888;
  width: 55%;
}
	
} 
 
 
 /* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px), (min-width: 320px) and (max-width: 480px), (max-width: 319px), (-ms-high-contrast: none), (-ms-high-contrast: active) {

	body {
		font-family: 'Open Sans Condensed', sans-serif;
		background-color: white;
		height: 2000px;
		margin: 0px;
	}
		
	.container {
		max-width: 400px;
		margin: 0 auto;
	}
	
	.grid-layout {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
		grid-auto-rows: minmax(4.5rem, auto);
		grid-auto-flow: dense;
	}
	
	.grid-item {
		padding: 1rem;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #929796;
	}

	.item-3-content {
		font-size:0.7rem;
		margin-top: 50px;
		width:40%;
	}
	.item-3-box {
		border: 1px solid white;
		padding-top: 50px;
		margin-bottom: 30px;
	}
	.item-3-title1 {
		font-size:0.9rem;
		letter-spacing:4px;
		margin-bottom:2px;
	}
	.item-3-subtitle1 {
		font-size:0.9rem;
		letter-spacing:7px;
		font-weight:900;
		margin-top:3px;
		margin-bottom:50px;
	}
	.item-3-title2 {
		font-size:0.9rem;
		letter-spacing:2px;
		font-weight:900;
		margin-bottom:20px;
	}
	.item-3-title3 {
		text-align: center;
		font-size:0.9rem;
		letter-spacing:3px;
		font-weight:900;
		margin-bottom:2px;
	}
	.item-3-subtitle3 {
		text-align: center;
		//margin-left:7px;
		font-size:0.9rem;
		letter-spacing:4px;
		font-weight:900;
		margin-bottom:60px;
	}
	.item-3-title4 {
		font-size:0.9rem;
		letter-spacing:3px;
		font-weight:900;
		margin-bottom:20px;		
	}
	
	.item-4-content {
		margin-top: 140px;
		font-size:0.9rem;
		letter-spacing:1px;
		width:83%;
	}
	.item-4-title1 {
		font-size:1.2rem;
		letter-spacing:3px;
		//font-size:1rem;
		//letter-spacing:4px;
	}
	.item-4-subtitle1 {
		font-size:0.9rem;
		letter-spacing:4px;
		font-weight:900;
		margin-top:8px;
		margin-bottom:50px;
	}
	
	
	.item-6-content {
		margin-top: 120px;
		font-size:0.7rem;
		width:100%;
	}
	.item-6-title {
		text-align:center;
		font-size:1rem;
		letter-spacing:12px;
		margin-bottom: 7px;
	}
	.item-6-subtitle {
		text-align:center;
		font-size:1rem;
		letter-spacing:3px;
		font-weight:900;
	}
	
	.item-9-content {
		margin-top:140px;
	}
	.item-9-title {
		text-align:center; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:1px;
	}
	.item-9-subtitle {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:900; 
		letter-spacing:10px; 
		margin-top:5px;
	}
	
	.item-10-content {
		margin-top:100px;
	}
	.item-10-img {
		 width:100px;
	}
	.item-10-title {
		text-align:center; 
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:5px;
		margin-bottom:5px;
	}
	.item-10-subtitle {
		text-align:center; 
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:5px; 
		margin-top:5px;
	}
	
	.item-11-content {
		margin-top:70px;
	}
	.item-11-img {
		width:200px;
	}
	.item-11-title {
		text-align:center; 
		font-size:1.4rem; 
		font-weight:300; 
		letter-spacing:5px;
		margin-top:5px;
	}
	.item-11-subtitle {
		text-align:center; 
		font-size:1.3rem; 
		font-weight:300; 
		letter-spacing:4px; 
		margin-top:5px;
	}
	
	.item-12-content {
		margin-top:160px;
	}
	.item-12-title {
		text-align:center; 
		font-size:1.4rem; 
		font-weight:900; 
		letter-spacing:5px;
	}
	.item-12-subtitle {
		text-align:center; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:7px; 
		margin-top:5px;
	}
	
	.item-13-content {
		margin-top:100px;
		color: black;
	}
	.item-13-img {
		width:140px;
	}
	.item-13-title { 
		position:absolute;
		margin-left:100px;	
		margin-top:10px;
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:4px;
	}
	.item-13-subtitle {
		position:absolute;
		margin-left:100px;	
		margin-top:35px;	
		font-size:1.2rem; 
		font-weight:300; 
		letter-spacing:3px;
		margin-bottom:5px;
	}
	.item-13-bgimg {
		position:absolute;
		margin-left:160px;	
		z-index:0;		
	}
	
	.item-14-content {
		margin-top:0px;
	}
	.item-14-title {
		position:absolute;
		margin-left:120px;
		margin-top:50px;
		text-align:center; 
		font-size:1.4rem; 
		font-weight:300; 
		letter-spacing:15px;
		margin-bottom:5px;
		z-index:2;
	}
	.item-14-subtitle {
		position:absolute;
		margin-left:130px;
		margin-top:80px;
		text-align:center; 
		font-size:1.4rem; 
		font-weight:300; 
		letter-spacing:4px;
		z-index:2;
	}
	.item-14-img {
		 width:400px;
	}
	.item-14-bgimg {
		position:absolute;
		margin-left:-20px;	
		margin-top:15px;
		z-index:0;		
	}
	
	.item-15-content {
		margin-top:120px;
	}
	.item-15-img {
		width:92px;
		margin-top:7px;
	}
	.item-15-img2 {
		 width:180px;
		 margin-top:3px;
	}
	.item-15-title {
		position:absolute;
		margin-left:40px; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:3px;
		display:inline-block; 
		margin-top: 18px;
	}
	.item-15-subtitle {
		position:absolute;
		margin-left:160px;	
		font-size:0.8rem; 
		font-weight:900; 
		letter-spacing:7px; 
		margin-top:5px;
		display:inline-block; 
	}	
	
	.item-16-content {
		margin-top:60px;
		color: black;
	}
	.item-16-img {
		width:130px;
	}
	.item-16-title {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:21px;
	}
	.item-16-subtitle {
		text-align:center; 
		font-size:1.1rem; 
		font-weight:300; 
		letter-spacing:19px; 
		margin-top:5px;
		margin-bottom:0px;
	}
	.item-16-bgimg {
		position:absolute;
		margin-left:200px;	
		font-size:1.2rem; 
		font-weight:900; 
		letter-spacing:20px; 
		//margin-top:5px;
		display:inline-block; 
	}

	.item-17-content {
		margin-top:70px;
		color: black;
	}
	.item-17-img {
		width:60px;
	}
	.item-17-title {
		text-align:center; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:4px;
		margin-top:5px;
	}
	.item-17-subtitle {
		text-align:center; 
		font-size:1rem; 
		font-weight:900; 
		letter-spacing:20px; 
		margin-top:5px;
	}
	
	.item-18-content {
		margin-top:100px;
	}
	.item-18-img {
		width:92px;
		margin-top:7px;
	}
	.item-18-img2 {
		 width:180px;
		 margin-top:3px;
	}
	.item-18-title {
		position:absolute;
		margin-left:25px; 
		font-size:1rem; 
		font-weight:300; 
		letter-spacing:3px;
		display:inline-block; 
		margin-top: 18px;
	}
	.item-18-subtitle {
		position:absolute;
		margin-left:145px;	
		font-size:0.8rem; 
		font-weight:900; 
		letter-spacing:7px; 
		margin-top:5px;
		display:inline-block; 
	}	

	.item-19-content {
		margin-top:130px;
		color: black;
	}
	.item-19-title {
		text-align:center; 
		font-size:1.5rem; 
		font-weight:300; 
		letter-spacing:7px;
	}
	.item-19-subtitle {
		text-align:center; 
		font-size:1.5rem; 
		font-weight:900; 
		letter-spacing:14px; 
		margin-top:5px;
	}
	.item-21-content {
		margin-top:160px;
		color: white;
	}
	.item-21-title {
		text-align:center; 
		font-size:2.5rem; 
		font-weight:900; 
		letter-spacing:2px;
		color: white;
	}
	.item-22-content {
		margin-top:40px;
		width:50%;
		//margin-left:80px;
	}
	.item-22-img {
		width: 200px;
		position:absolute;
		//margin-right:100px;
	}
	.item-22-title {
		position:absolute;
		margin-left:65px; 
		font-size:0.8rem; 
		font-weight:300; 
		letter-spacing:3px;
		margin-top:0px;
		display:inline-block; 
	}
	.item-22-subtitle {
		position:absolute;
		margin-left:50px;	
		font-size:0.9rem; 
		font-weight:300; 
		letter-spacing:1px; 
		margin-top:150px;
		display:inline-block; 
	}	
	
.width-3 {
  grid-column-end: span 5;
}
.width-4 {
  grid-column-end: span 5;
}
.width-5 {
  grid-column-end: span 5;
}
.width-6 {
  grid-column-end: span 5;
}
.width-7 {
  grid-column-end: span 5;
}
.width-8 {
  grid-column-end: span 5;
}
.width-12 {
  grid-column-end: span 5;
}

.height-3 {
  grid-row-end: span 5;
}
.height-4 {
  grid-row-end: span 5;
}
.height-4-fixed {
  grid-row-end: span 4;
}
.height-5 {
  grid-row-end: span 5;
}
.height-5-fixed {
  grid-row-end: span 4;
}
.height-6 {
  grid-row-end: span 5;
}
.height-7 {
  grid-row-end: span 5;
}
.height-8 {
  grid-row-end: span 5;
}
.height-8-fixed {
  grid-row-end: span 7;
}
.height-9 {
  grid-row-end: span 5;
}
	
.container div:nth-child(1){
	order:1;
}
.container div:nth-child(2){
	order:2;
}
.container div:nth-child(3){
	order:3;
}
.container div:nth-child(4){
	order:4;
}
.container div:nth-child(5){
	order:5;
}
.container div:nth-child(6){
	order:6;
}
.container div:nth-child(8){
	order:7;
}
.container div:nth-child(9){
	order:8;
}
.container div:nth-child(7){
	order:9;
}

.container div:nth-child(12){
	order:10;
}	
.container div:nth-child(10){
	order:11;
}
.container div:nth-child(11){
	order:12;
}
.container div:nth-child(13){
	order:13;
}
.container div:nth-child(14){
	order:14;
}
.container div:nth-child(15){
	order:15;
}
.container div:nth-child(16){
	order:16;
}

.container div:nth-child(18){
	order:17;
}
.container div:nth-child(17){
	order:18;
}
.container div:nth-child(19){
	order:19;
}


.container div:nth-child(20){
	order:20;
}
.container div:nth-child(21){
	order:21;
}


.modal-content {
  //background-color: #fefefe;
  background: transparent; 
  margin: 5% auto; 
  padding: 20px;
  border: 0px solid #888;
  width: 90%;
}

	
}


@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.grid-item {
		padding: 1rem;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #929796;
		
		height: 328px;
	}
	.height-4-fixed {
		height: 256px;
	}
	.height-5-fixed {
		height: 256px;
	}
	.height-8-fixed {
		height: 472px;
	}
	
.modal-content {
  //background-color: #fefefe;
  background: transparent; 
  //margin: 10% auto; 
  margin-top: 0;
  margin-left: 20%;
  padding: 20px;
  border: 0px solid #888;
  width: 55%;
}

}


/*
.grid-item:nth-child(odd) {
  background-color: #424242;
}
*/
.center_content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    color: #606D6D;
	font-weight: 200;
}


/*
.span-2 {
  grid-column-end: span 2;
  grid-row-end: span 2;
}

.span-3 {
  grid-column-end: span 3;
  grid-row-end: span 4;
}
*/
.grid-item {
    background-repeat: no-repeat;
    background-size: 100% 100%;	
}

.grid-item-1 {
    background-image:url("../img/1.png");
	background-size: 100% 100%;	
}
.grid-item-2 {
    background-image:url("../img/2.png");
}
.grid-item-3 {
	//background-image:url("../img/3.png");	
	background-color: #E2CBDD;
}
.grid-item-4 {
	//background-image:url("../img/4.png");	
	background-color: #BFF8E7;
}
.grid-item-5 {
	background-image:url("../img/5.jpg");	
	background-size: 100% 100%;	
}
.grid-item-6 {
	//background-image:url("../img/6.png");	
	//background-color: #D0E5FA;
	background-color: #F8F2BE;
}
.grid-item-7 {
	background-image:url("../img/7.jpg");	
	background-size: 100% 100%;	
}
.grid-item-8 {
	background-image:url("../img/8.jpg");	
}
.grid-item-9 {
	//background-image:url("../img/9.png");	
	background-color: #FEDAE6;	
}
.grid-item-10 {
	//background-image:url("../img/10.png");	
	background-color: #FBC6A4;
}
.grid-item-11 {
	//background-image:url("../img/11.png");	
	background-color: white;
}
.grid-item-12 {
	//background-image:url("../img/12.png");
	background-color: #F8F2BE;
}
.grid-item-13 {
	//background-image:url("../img/13.png");
	background-color: #BFF8E7;
}
.grid-item-14 {
	//background-image:url("../img/14.jpg");
	background-color: #E9EAE2;	
}
.grid-item-15 {
	background-image:url("../img/18.jpg");	
}
.grid-item-16 {
	//background-image:url("../img/16.png");
	background-color: #FEDDF6;	
}
.grid-item-17 {
	//background-image:url("../img/17.png");	
	background-color: #FEDEF6;
}
.grid-item-18 {
	//background-image:url("../img/15.png");	
	background-color: #D4F8D2;	
}
.grid-item-19 {
	//background-image:url("../img/19.png");	
	background-color: #CECECE;
}
.grid-item-20 {
	background-image:url("../img/20.jpg");	
}
.grid-item-21 {
	//background-image:url("../img/21.png");	
	background-color: #FF9B6D;
}
.grid-item-22 {
	//background-image:url("../img/22.png");
background-color: #E9EAE2;	
}

a:link {
  text-decoration: none;
  color: #606D6D;
}
a:visited {
  text-decoration: none;
  color: #606D6D;
}
a:hover {
  text-decoration: underline;
  color: #606D6D;
}
a:active {
  text-decoration: underline;
  color: #606D6D;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
/*
.modal-content {
  //background-color: #fefefe;
  background: transparent; 
  //margin: 10% auto; 
  margin-top: 0;
  margin-left: 20%;
  padding: 20px;
  border: 0px solid #888;
  width: 60%;
}
*/
/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}