@import "../../css/_variables.scss";

.dsa-tiles{
	
	.dsa-tiles-inner{
		 width: 100%; /* or any specific width */
		aspect-ratio: 1 / 1; /* 1:1 aspect ratio */
		background-size: cover;
		display: block;
		min-height: 500px;
	}
	.dsa-tiles-screen{
		height: 100%;
		
	}
	.dsa-tile-icon{
		max-width: 200px;
		max-height: 200px;
		width: 100%;
	}
	@media(max-width: 600px){
		.dsa-tile-icon{
			max-width: 125px;
			max-height: 125px;
		}
	}
	.dsa-tiles-content{
		width: 100%;
		padding: 40px;
	}
	h2, h2 a{
		color: #492024;
		font-size: 1.8rem;
		text-transform: uppercase;
		font-weight: 400;
	}
	p{
		color: #fff;
		line-height: 1.6;
		font-size: 1.05rem;
	}
	@media(max-width: 600px){
		p{
			font-size: .95rem;
			line-height: 1.4;
		}
	}
	.more-details{
		font-family: $font-family-header;
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
		font-size: .84rem;
	}
}