.gab{
    float: left;
    display:inline-block;
	border-radius:3px;
	font-size:60%;
	margin: 3px;
	padding:5px;
    text-align:center;
    text-decoration:none;
	border: 1px solid #fff;
}
.gab:hover{
	 border: 1px solid #888;
}

.ga{
	/*max-height:200px;
	max-width:200px;
	width: auto;
	height: auto;	
	*/
	height:200px;
	break-inside: avoid;
}

@media screen and (min-width: 320px) and (min-height: 300px) {
  .ga {
    /*max-height:200px;
	max-width:200px;
	width: auto;
	height: auto;*/
	height: 200px;
  }
}

@media screen and (min-width: 480px) and (min-height: 400px){
  .ga {
    /*max-height:240px;
    max-width:240px;
	width: auto;
	height: auto;*/	
	height: 220px;
  }
}

@media screen and (min-width: 800px) and (min-height: 600px) {
  .ga {
    /*max-height:280px;
	max-width:280px;
	width: auto;
	height: auto;	*/
	height: 240px;
  }
}

@media screen and (min-width: 1024px) and (min-height: 700px) {
  .ga {
    /*max-height:320px;
    max-width:320px;
	width: auto;
	height: auto;	*/
	height: 280px;
	break-inside: avoid;
  }
}