html * { box-sizing:border-box; margin:0; padding:0; }
/* * { outline: 1px solid red; } */
.block { margin: 32px 0 0 0; }
.btn {
	display: inline-block;
	width: 300px; 
	font-family: 'Open Sans';
	font-weight: 300;
	font-style: normal;
	font-size: 24px;
	padding: 13px 0px;
	text-align: center;
	line-height: 1.2;
	border: 1px solid #666;
	border-radius: 15px;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none!important;
	transform: scale(1);
	transition: transform .1s ease;
}

.btn:active {transform:scale(0.97);}
.btn_wrap { margin: 25px 0 0; text-align: center; }

body {font-family: Helvetica,Arial,sans-serif;font-size: 13px;}

body,#site_wrapper { min-width: 300px; }
.site_container	   { margin: 0 auto; }

#site_header {padding: 0 0 10px; }
#site_header .hdr1 {font-family: 'Playfair Display'; font-weight: 300; font-size: 36px; text-align: right; text-transform: uppercase;}

#button_gdebus 		.btn { color: #fff; background: linear-gradient(to bottom,#BA68C8 0%,#561894 100%);  border-color: #7B1FA2;}
#button_tcard  		.btn { color: #fff; background: linear-gradient(to bottom,#03A9F4 0%,#0D47A1 100%);  border-color: #7B1FA2;}
#button_scard  		.btn { color: #fff; background: linear-gradient(to bottom,#20B2AA 0%,#008080 100%);  border-color: #7B1FA2;}
#button_raspis 		.btn { color: #fff; background: linear-gradient(to bottom,#FF6699 0%,#FF6600 100%);  border-color: #7B1FA2;}
#button_deti   		.btn { color: #fff; background: linear-gradient(to bottom,#e7d743 0%,#b8b21c 100%);  border-color: #7B1FA2;}
#button_buycard   	.btn { color: #fff; background: linear-gradient(to bottom,#9cd68a 0%,#569443 100%);  border-color: #7B1FA2;}

/*
@media (max-width: 600px)
{
	body,
	#site_header .hdr1 { font-size: 30px;} 
}
*/

/*
@media (min-width: 0px) and (max-width: 375px)
{
	body,#site_wrapper { max-width: 375px; min-width: 375px}
	.site_container    { width: 375px;;}
	#site_header 	   { width: 375px; padding: 19px 0 18px;}
	#site_header .hdr1 { font-size: 30px;} 
	.btn 	  	   { width: 300px; font-size: 26px; }
	.btn_wrap 	   { width: 300px; margin-top: 20px; }
}


@media (min-width: 376px) and (max-width: 428px)
{
	body,#site_wrapper { max-width: 428px; min-width: 375px}
	.site_container    { width: 375px;;}
	#site_header 	   { width: 375px; padding: 19px 0 18px;}
	#site_header .hdr1 { font-size: 30px;} 
	.btn 	  	   { width: 300px; font-size: 26px; }
	.btn_wrap 	   { width: 300px; margin-top: 20px; }
}
*/



.item_0 { color: #999;}
.item_1 { color: #f66;}
.item_2 { color: inherit;}