html, body {
	background-color: #FFFFFF;
	border: 0;
	margin: 0;
	padding: 0;	
} 

.main{
	text-align: center;
}



a.knopka {
font-size: 135%;
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  text-align: center;
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */
}

@media (max-width: 980px) {
		a.knopka {
font-size: 125%;
  
  padding: .6em 1.3em; /* отступ от текста */
 
} 


}
@media (max-width: 740px) {
	a.knopka {
font-size: 105%;
  
  padding: .5em 1.1em; /* отступ от текста */
 
} 	
}

@media (max-width: 480px) {

		a.knopka {
font-size: 100%;
  
 
} 
}