@charset "utf-8";
/* CSS Document */

.wrapper{
		display:grid;
		/*grid-template-columns:1fr 1fr 1fr*/
		grid-template-columns:repeat(3, 1fr);
		grid-gap:2px;
		/*grid-auto-rows:100px;*/
		grid-auto-rows:minmax(200px, auto);
		margin-top:40px;
		margin-bottom:35px;
		margin-left:20px;
		margin-right:20px;
	}
	
	
	.wrapper > div{
		background:#ddd;
		padding:2em;			
	}
	
	.wrapper p, .wrapper h3{
		color:#232528;
	}
	
	/*.wrapper > div p:nth-child(odd){
		background:#ddd;
	}*/
	.wrapper > div:hover{
		background:#eee;
		background: -moz-linear-gradient(top, #eeeeee 0%, #efefef 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #eeeeee 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #eeeeee 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		transition:0.5s;
	}
	
	.element a{
		display:block;
		text-decoration:none;
		color:#000;
		
	}
	
	.wrapper-payment{
		display:grid;
		grid-template-columns:1fr 2fr;
		/*grid-template-columns:repeat(2, 1fr);*/
		grid-gap:2px;
		/*grid-auto-rows:100px;*/
		grid-auto-rows:minmax(200px, auto);
		margin-top:40px;
		margin-bottom:35px;
		margin-left:20px;
		margin-right:20px;
	}
	
	.wrapper-payment > div{
		background:#ddd;
		padding:2em;
					
	}
	
	.wrapper-payment > div:hover{
		background:#eee;
		background: -moz-linear-gradient(top, #eeeeee 0%, #efefef 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #eeeeee 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #eeeeee 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		transition:0.5s;
	}
	
	.wrapper-payment p, {
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
	}
	
	.wrapper-payment h3{
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
	}
	
	
	.wrapper-payment-child{
		display:grid;
		grid-template-columns:1fr 1fr;
		/*grid-template-columns:repeat(2, 1fr);*/
		grid-gap:2px;
		/*grid-auto-rows:100px;*/
		grid-auto-rows:minmax(200px, auto);
		
	}
	
	.wrapper-online-payment{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		grid-gap:2px;
		/*grid-auto-rows:100px;*/
		grid-auto-rows:minmax(200px, auto);
		margin-top:40px;
		margin-bottom:35px;
		margin-left:20px;
		margin-right:20px;
	}
	
	.wrapper-online-payment > div{
		background:#ddd;
		padding:2em;
					
	}
	
	.wrapper-online-payment > div:hover{
		background:#eee;
		background: -moz-linear-gradient(top, #eeeeee 0%, #efefef 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #eeeeee 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #eeeeee 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		transition:0.5s;
	}
	
	.wrapper-online-payment p, {
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
	}
	
	.wrapper-online-payment h3{
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
	}
	
	/*.wrapper > div p:nth-child(odd){
		background:#ddd;
	}*/
	/*.wrapper-payment > div:hover{
		background:#eee;
		background: -moz-linear-gradient(top, #eeeeee 0%, #efefef 100%); 
		background: -webkit-linear-gradient(top, #eeeeee 0%,#efefef 100%);
		background: linear-gradient(to bottom, #eeeeee 0%,#efefef 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#efefef',GradientType=0 );
		transition:0.5s;
	}*/
	
	.wrapper-about{
		/*display:grid;
		grid-template-columns:1fr 1fr 1fr
		grid-template-rows:repeat(6, 1fr);
		grid-gap:1px;*/
		/*grid-auto-rows:100px;*/
		display:flex;
		flex-direction:column;
		
	}
	
	.element-about{
		
		text-align:justify;
		
	}
	
	.signature{
		float:right;
		margin-right:100px;
	}
	
	@media(max-width:968px){.wrapper-payment-child{display:flex;flex-direction:column;}.wrapper-payment{display:flex;flex-direction:column;}}
	@media(max-width:768px){
	
	.wrapper{display:flex;flex-direction:column;}
	.wrapper-about{display:flex;flex-direction:column;}
	.wrapper-online-payment{display:flex;flex-direction:column;}
	.element{margin-top:1px;margin-bottom:1px;}
	.signature{margin-right:0px;}
	
	}