body {
	margin: 0px;
	padding: 0px; 
}

.featured-content {

	display: flex;
	flex-direction: column; 
	justify-content: center;

	width: 100%;
	padding: 0px; 

}

.mosaic {
	display: flex;
	flex-direction: row; 
	justify-content: center;

	flex-basis: 100%;
	flex-grow: 1; 
	width: 100%;
}

.mosaic-two-column {
	display: flex;
	flex-direction: row; 
	justify-content: center;

	flex-basis: 100%;
	flex-grow: 1; 
	width: 100%;
	padding: 0px;
}

.mosaic-tile-primary a {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.mosaic-tile {

	display: flex;
	flex-direction: column;

	padding: 0px;
	margin: 0px;

}

.mosaic-tile-image {

	display: flex;
	flex-direction: column;
	flex-grow: 1; 

}

.mosaic-tile-text {

	display: flex;
	flex-direction: column;
	flex-grow: 0; 

}

.mosaic-grid {

	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%; 

	width: 100%;
	column-gap: 0px;
	row-gap: 0px;
	padding: 0px; 
	
}

.mosaic-grid-tile {

	display: flex;
	flex-direction: column;
	position: relative;

	z-index: 0;

	padding: 0px;
	margin: 0px;

}

.mosaic-grid-tile-image {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	position: relative;
	
    z-index: 0;
	width: 100%;

	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 0px;	
	margin-right: 0px;
		
	padding-top: 0px;
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 

	/* background-color: #f2f0f0; */
	border-radius: 0px;

}

.mosaic-grid-tile-image img {
	position: relative;
	z-index: 0;
	max-width: 100%;
	
	/*
	box-shadow: 0px 0px 10px 0px #999999;
	*/
}


.mosaic-grid-tile-image-overlay {
	display: flex;
    z-index: 1;
    position: absolute;
	justify-content: center;
	width: 100%;
	opacity: 100%;
}

.phone-frame {
	display: flex;
    z-index: 0;

	max-width: 72%;
	/* padding: 4px; */
	justify-content: center;
	
	background-color: #000000;
	border-radius: 4px;

	box-shadow: 0px 0px 0px 0px #000000;
}

.mosaic-grid-tile-image-overlay img {
	max-width: 100%;
	border-radius: 16px;

}

.mosaic-grid-tile-text {
	
	display: flex;
	flex-direction: column;
	position: relative;

	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 10px;	
	margin-right: 10px;
		
	padding-top: 40px;
	padding-bottom: 20px; 
	padding-left: 30px; 
	padding-right: 30px; 

	/* 
	background-color: #ffffff;
	*/

}



.mosaic-tile-primary a .grid-tile-text-main, 
.mosaic-grid-tile a .text-small, 
.mosaic-tile a .grid-tile-text-main {
    color: #00B3EA;
}

.mosaic-tile-primary:link a .grid-tile-text-main, 
.mosaic-grid-tile:link a .text-small, 
.mosaic-tile:link a .grid-tile-text-main {
    color: #00B3EA;
}

.mosaic-tile-primary:visited a .grid-tile-text-main, 
.mosaic-grid-tile:visited a .text-small,
.mosaic-tile:visited a .grid-tile-text-main {
    color: #00B3EA;
}

.mosaic-tile-primary:hover a .grid-tile-text-main, 
.mosaic-grid-tile:hover a .text-small,
.mosaic-tile:hover a .grid-tile-text-main {
    color: #038BD4;
}

/* 	=============================================================================== */
/* 	MOBILE																			*/
/*	=============================================================================== */

@media (max-width: 480px) { 

	.featured-content {
		padding: 0px; 
	}

	.mosaic {
		display: flex;
		flex-direction: column; 
		padding: 0px; 
		margin: 0px;
	}
	
	.mosaic-two-column {
		display: flex;
		flex-direction: column;
		padding: 0px; 
		margin: 0px;
	}

	.mosaic-grid {
		display: grid;
		grid-template-columns: 100%; 
		
		margin-left: 20px;
		margin-right: 20px;
		
		padding-top: 20px;
		padding-left: 0px; 
		padding-right: 0px; 
		
		
	}

	.mosaic-grid-tile {
		padding-bottom: 40px; 
		padding-left: 20px; 
		padding-right: 20px; 
	}
	
	.mosaic-grid-tile-image-overlay img {
		border-radius: 16px;
	}

	.mosaic-grid-tile-text {

		grid-row: 2;
		
		margin-top: 0px;	
		margin-bottom: 0px;	
		margin-left: 20px;	
		margin-right: 20px;
			
		padding-top: 0px;
		padding-bottom: 40px; 
		padding-left: 0px; 
		padding-right: 20px; 

		/* 
		background-color: #ffffff;
		*/
		
	}


	.mosaic-tile-primary {
	
		display: flex;
		flex-direction: column;

		padding: 0px;
		margin: 0px;
		
	}
	
	.mosaic-tile-primary .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 20px;
	
	}

	.mosaic-tile .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 20px;
	
	}


	.mosaic img {
 
  		object-fit: cover;

		width: 100%;
		height: 100%;

	}


	.mosaic-two-column img {
 
  		object-fit: cover;

		width: 100%;
		height: 100%;

	}

}

/* 	=============================================================================== */
/* 	TABLET																			*/
/*	=============================================================================== */

@media (min-width: 481px) and (max-width: 960px) { 

	.featured-content {
		padding-left: 40px; 
		padding-right: 40px; 
	}

	.mosaic {
	
		display: flex;
		flex-direction: column; 
		padding: 0px; 
	
	}

	.mosaic-two-column {

		display: flex;
		flex-direction: column;
		padding: 0px; 

	}

	.mosaic-grid {
		display: grid;
		grid-template-columns: 50% 50%; 
		padding-top: 40px;
		padding-left: 30px; 
		padding-right: 30px; 
	}

	.mosaic-grid-tile {
		padding-bottom: 40px; 
		padding-left: 10px; 
		padding-right: 10px; 
	}

	.mosaic-grid-tile-image-overlay img {
		border-radius: 16px;
	}
	
	.mosaic-grid-tile-text {
		
		grid-column: 2 / 3;
	
		margin-top: 0px;	
		margin-bottom: 0px;	
		margin-left: 10px;	
		margin-right: 10px;
			
		padding-top: 0px;
		padding-bottom: 40px; 
		padding-left: 10px; 
		padding-right: 10px; 
	
		/* 
		background-color: #ffffff;
		*/
			
	}

	.mosaic-tile-primary {
	
		display: flex;
		flex-direction: column;

		padding: 0px;
		margin: 0px;

	}
	
	.mosaic-tile-primary .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 0px;
	
	}

	.mosaic-tile .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 0px;
	
	}

	.mosaic img {

		object-fit: cover; 
		width: 100%;

		aspect-ratio: 3 / 2;

	}

	.mosaic-two-column img {

		object-fit: cover; 
		width: 100%;

		aspect-ratio: 3 / 2;

	}

}

/* 	=============================================================================== */
/* 	LAPTOP																			*/
/*	=============================================================================== */

@media (min-width: 961px) and (max-width: 1440px) { 

	.featured-content {
		padding-left: 50px; 
		padding-right: 50px; 
	}

	.mosaic {
	
		display: grid;
		grid-template-columns: 66.7% 33.3%; 
		column-gap: 20px;
		row-gap: 10px;
		padding: 0px; 
	}
	
	.mosaic-two-column {
	
		display: grid;
		grid-template-columns: 50% 50%; 
		column-gap: 20px;
		row-gap: 10px;
		padding: 0px; 
	}

	.mosaic-grid {
		display: grid;
		grid-template-columns: 33.3% 33.3% 33.3%; 
		padding-top: 40px;
		padding-left: 30px; 
		padding-right: 30px; 
	}

	.mosaic-grid-tile {
		padding-bottom: 40px; 
		padding-left: 10px; 
		padding-right: 10px; 
	}
	
	.mosaic-grid-tile-image-overlay img {
		border-radius: 16px;
	}

	.mosaic-grid-tile-text {
		
		grid-column: 2 / 4;
	
		margin-top: 0px;	
		margin-bottom: 0px;	
		margin-left: 10px;	
		margin-right: 10px;
			
		padding-top: 20px;
		padding-bottom: 40px; 
		padding-left: 30px; 
		padding-right: 40px; 

		/* 
		background-color: #fafafa;
		*/
	
	}
	
	.mosaic-tile-primary {
	
		grid-row: 1 / 3;
	
		padding: 0px;
		margin: 0px;
	

		display: flex;
		flex-direction: column;
	
		justify-content: flex-end;
		contain: size;
		
	}
	
	.mosaic-tile-primary .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 20px;
		
	}

	.mosaic-tile .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 20px;
		
	}

	.mosaic img {

  		object-fit: cover;

		width: 100%;
		height: 100%;

	}

	.mosaic-two-column img {

  		object-fit: cover;

		width: 100%;
		height: 100%;

	}

}

/* 	=============================================================================== */
/* 	WIDESCREEN																		*/
/*	=============================================================================== */

@media (min-width: 1441px) { 

	.featured-content {
		padding-left: 50px; 
		padding-right: 50px; 
	}

	.mosaic {
		display: grid;
		grid-template-columns: 66.7% 33.3%; 
		column-gap: 20px;
		row-gap: 10px;
		padding: 0px; 
	}

	.mosaic-two-column {
	
		display: grid;
		grid-template-columns: 50% 50%; 
		column-gap: 20px;
		row-gap: 10px;
		padding: 0px; 
	}

	.mosaic-grid {
		display: grid;
		grid-template-columns: 33.3% 33.3% 33.3%; 
		padding-top: 40px;
		padding-left: 30px; 
		padding-right: 30px; 
	}

	.mosaic-grid-tile {
		padding-bottom: 40px; 
		padding-left: 10px; 
		padding-right: 10px; 
	}

	.mosaic-grid-tile-image-overlay img {
		border-radius: 20px;
	
	}

	.mosaic-grid-tile-text {
		
		grid-column: 2 / 4;
	
		margin-top: 0px;	
		margin-bottom: 0px;	
		margin-left: 10px;	
		margin-right: 10px;
			
		padding-top: 40px;
		padding-bottom: 40px; 
		padding-left: 40px; 
		padding-right: 40px; 
	
		/* 
		background-color: #fafafa; 
		*/
	
	}

	.mosaic-tile-primary {
	
		grid-row: 1 / 3;
	
		padding: 0px;
		margin: 0px;
	
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		contain: size;
	
	}
	
	.mosaic-tile-primary .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 20px;
		
	}


	.mosaic-tile .mosaic-tile-text {

		padding-top: 10px;
		padding-bottom: 40px; 
		padding-left: 0px;
		padding-right: 20px;
		
	}

	.mosaic img {

  		object-fit: cover;

		width: 100%;
		height: 100%;
    
	}

	.mosaic-two-column img {

  		object-fit: cover;

		width: 100%;
		height: 100%;
    
	}

}