/* === MEDIA QUERIES - FULL SCREEN */
@media only screen and (min-width: 1001px) {

	.rb-container {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin:0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0px 10px;}
	.rb-container > div {padding: 0; position: relative; box-sizing: border-box; background: #fcc;}
	
	.rb-container .button {background-color: #ce0e2d; border: none; color: #fff; text-align: center; font-size: 100%; padding: 1.5%; width: 100%; min-height: 150px; cursor: pointer; line-height: 0px; margin: 0; transition: all .1s ease;}
		.rb-container .button .button-head {line-height: 22px; font-size: 120%;}
		
		.rb-container .button .show-more {font-size: 100% !important; opacity: 0; transition: all .3s ease;}
		.rb-container .button:hover .show-more {opacity: 1; }
		.rb-container .button:hover {background-color: #343434; line-height: 20px;}

}
/* === MEDIA QUERIES - TABLET */
@media only screen and (min-width: 601px) and (max-width: 1000px) {

	.rb-container {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin:0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0px 5px;}
	.rb-container > div {padding: 0; position: relative; box-sizing: border-box; background: #fcc;}
	.rb-container .button {background-color: #ce0e2d; border: none; color: #fff; text-align: center; font-size: 100%; padding: 1.5%; width: 100%; min-height: 150px; cursor: pointer; line-height: 0px; margin: 0; transition: all .1s ease;}
		.rb-container .button .button-head {line-height: 22px; font-size: 120%;}
		.rb-container .button .show-more {font-size: 100% !important; opacity: 0; transition: all .3s ease;}
		.rb-container .button:hover .show-more {opacity: 1; }
		.rb-container .button:hover {background-color: #343434; line-height: 20px;}

}
/* === MEDIA QUERIES - HANDHELD */
@media only screen and (max-width: 600px) {

	.rb-container {display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-gap: 30px; margin:0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0px 5px;}
	.rb-container > div {padding: 0; position: relative; box-sizing: border-box; background: #fcc;}
	.rb-container .button {background-color: #ce0e2d; border: none; color: #fff; text-align: center; font-size: 100%; padding: 1.5%; width: 100%; min-height: 150px; cursor: pointer; line-height: 0px; margin: 0; transition: all .1s ease;}
		.rb-container .button .button-head {line-height: 22px; font-size: 120%;}
		.rb-container .button .show-more {font-size: 100% !important; opacity: 0; transition: all .3s ease;}
		.rb-container .button:hover .show-more {opacity: 1; }
		.rb-container .button:hover {background-color: #343434; line-height: 20px;}

}
/* === PRINT  */
@media print {

	.rb-container {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 30px; margin:0 auto 40px; max-width: 1300px; box-sizing: border-box; padding: 0;}
	.rb-container > div {padding: 0; position: relative; box-sizing: border-box; border: 3px double #000;}
	.rb-container .button {border: none; color: #000; background-color: #fff; text-align: center; font-size: 90%; padding: 1.5%; width: 100%; min-height: 100px; cursor: pointer; margin: 0;}
		.rb-container .button .button-head {line-height: 22px;}
		.rb-container .button .show-more {display: none;}

}