@keyframes h1{
	0% {color: #000000;}
	10% {color: #FC0105;}
	20% {color: #F88503;}
	30% {color: #FBEA05;}
	40% {color: #23FB02;}
	50% {color: #04DFF9;}
	60% {color: #040AF8;}
	70% {color: #8703F8;}
	100% {color: #000000;}
}

span {color: #F70307;font-style: bold;}
body {
	width: 70%;
	height: 100%;
	padding: 10px 0px;
	margin: 0px 0px;
	
	position: relative;
	left: 15%;
	background-color: #B0F9D8;
}
header {
	
	width: 100%;
	height: auto;
    float: left;    
}

.p1 {
	margin: 24px 0px 0px 0px;
	padding: 0px;
    }

header p{
	margin: 0px 100px; 
	padding: 0px; 
	font-family: Arial; 
	font-size: 250%; 
	text-align: left;
	text-shadow: 5px 5px 10px #ffffff;
    }
.logo_img {
	float: left;
	width: auto;
	height: auto; 
	border-radius: 10px; 
	margin: 0px 30px 0px 0px;
    }

.deviz {
	width: 100%; 
	height: auto; 
	font-family: Arial; 
	font-size: 200%; 
	font-style: italic; 
	text-align: left; 
	margin: 50px 0px 10px 0px;
}
/*меню*/

.menu{width: 100%;height: auto;margin: 0px 0px 30px 0px;padding: 0px;}
.main{float:left;width: 23%;height: auto;color: #000; font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}
.store{float:left;width: 23%;height: auto;color: #000;font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}
.feedback{float:left;width: 23%;height: auto;color: #000;font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}
.about{float:left;width: 23%;height: auto;color: #000;font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}

.main:hover{background-color: #acf4fc;border: 2px solid #60e58f;}
.store:hover{background-color: #acf4fc;border: 2px solid #60e58f;}
.feedback:hover{background-color: #acf4fc;border: 2px solid #60e58f;}
.about:hover{background-color: #acf4fc;border: 2px solid #60e58f;}

/*меню конец*/




/*Заголовок*/
.h1 {
	font-family: Arial; 
	text-shadow: 5px 5px 10px #ffffff; 
	padding: 0px; margin: 20px 0px 40px 0px; 
	text-align: center; 
	font-size: 300%;
    /*animation-name: h1; animation-duration: 3s;animation-timing-function: ease-in-out; animation-iteration-count:infinite;*/
    }
.instruction{font-family: Arial;font-size: 130%;font-weight: bold;color: #000;text-align: center;margin: 0px 0px 100px 0px;padding: 0px;line-height: 80%;}
/*Покупки*/
/*#pays{margin: 0px; padding: 0px; width: 100%; height: auto;}*/

.pay1{background: linear-gradient(270deg, #acf4fc, #60e58f);float: left;border-radius: 10px; margin: 0px 2% 30px 24%; padding: 0px; width: 24%; height: auto;}
.pay_img1 {width: 100%;height: auto;border-radius: 10px;padding: 0px;margin: 0px}
.pay_description1 {width:auto;height: auto;font-family: Arial; font-size: 100%; text-align: left;text-indent: 5px;margin: 0px;padding: 0px;}

.pay2{background: linear-gradient(270deg, #acf4fc, #60e58f);float: left; border-radius: 10px; margin: 0px 0px 30px 0px; padding: 0px;width: 24%; height: auto;}
.pay_img2 {width: 100%;height: auto;border-radius: 10px;padding: 0px;margin: 0px}
.pay_description2 {width:auto;height: auto;font-family: Arial; font-size: 100%; text-align: left;text-indent: 5px;margin: 0px;padding: 0px;}

.pay3{background: linear-gradient(270deg, #acf4fc, #60e58f);float: left; border-radius: 10px; margin: 0px 2% 30px 24%; padding: 0px; width: 24%; height: auto;}
.pay_img3 {width: 100%;height: auto;border-radius: 10px;padding: 0px;margin: 0px}
.pay_description3 {width:auto;height: auto;font-family: Arial; font-size: 100%; text-align: left;text-indent: 5px;margin: 0px;padding: 0px;}

.pay4{background: linear-gradient(270deg, #acf4fc, #60e58f);float: left;border-radius: 10px; margin: 0px 0px 30px 0px; padding: 0px;width: 24%; height: auto;}
.pay_img4 {width: 100%;height: auto;border-radius: 10px;padding: 0px;margin: 0px}
.pay_description4 {width:auto;height: auto;font-family: Arial; font-size: 100%; text-align: left;text-indent: 5px;margin: 0px;padding: 0px;}

.pay5{background: linear-gradient(270deg, #acf4fc, #60e58f);float: left; border-radius: 10px; margin: 0px 2% 30px 24%; padding: 0px; width: 24%; height: auto;}
.pay_img3 {width: 100%;height: auto;border-radius: 10px;padding: 0px;margin: 0px}
.pay_description3 {width:auto;height: auto;font-family: Arial; font-size: 100%; text-align: left;text-indent: 5px;margin: 0px;padding: 0px;}

.pay6{background: linear-gradient(270deg, #acf4fc, #60e58f);float: left;border-radius: 10px; margin: 0px 0px 30px 0px; padding: 0px;width: 24%; height: auto;}
.pay_img5 {width: 100%;height: auto;border-radius: 10px;padding: 0px;margin: 0px}
.pay_description5 {width:auto;height: auto;font-family: Arial; font-size: 100%; text-align: left;text-indent: 5px;margin: 0px;padding: 0px;}
/*Покупки конец*/

/*Копирайты*/
.clear{clear: both;}
.footer{margin: 50px 0px 0px 0px; padding: 0px;line-height: 30%;font-weight:bolder; font-family: Arial; font-size: 100%; font-style: bold; text-align: left;
	width: 100%;
	height: auto;
	    }