div.tresc .grid-container{
  display: grid;
  gap: 10px;
}



div.tresc .flex-container{
  display: flex;
  gap: 10px;
}

div.tresc  .grid-container a {
	display:grid;
  align-items: center;
  padding: 10px 20px;
  background-color:#17498c;
	color:#ffffff;
	font-size: 18px;
	line-height: 19px;
	text-transform: uppercase;
	text-decoration:none;
  height:77px;
	min-width: 230px;
	text-align: left;
}


div.tresc .grid-container a:hover {
	color:#ffffff;
	text-decoration:none;
	filter: hue-rotate(-15deg) saturate(1.6);
}

div.tresc .grid-container a.orange {
	background-color:#b55800;
}



div.tresc .grid-container a.orange:hover {
	color:#ffffff;
	text-decoration:none;
	filter: hue-rotate(10deg) saturate(1.7);
}

 div.tresc .grid-container a.full-size {
 text-align: center;
}

@media (min-width: 0px) {
	div.tresc  .grid-container {
		margin-right: 17px;
    grid-template-columns: auto;
	}

}

@media (min-width: 660px) {
	div.tresc  .grid-container {
  	grid-template-columns: auto auto;
	}
  div.tresc .grid-container a.full-size {
		grid-column: 1 / span 2;
	}

}

@media (min-width: 750px) {
	div.tresc  .grid-container {
  	grid-template-columns: 32.5% 33% 32.5%;
	}
  div.tresc .grid-container a.full-size {
		grid-column: 1 / span 3;
	}
}
@media (min-width: 1024px) {
	div.tresc  .grid-container {
		margin-right: 0px;
	}
}


