* { margin:0; padding:0; box-sizing: border-box; font-size: inherit; font-family: inherit; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea, button {  border: 0; background: none; outline: none; }
button { cursor: pointer; }
a { text-decoration: none; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom:0; }

/* --------------- */

:root {
  --fiolet:	#421B42;
  --jeltiy:	#F6B819;
  --siniy:  #26358C;
  --siniy2:  #2451C8;
  
  scroll-behavior: smooth;
}
/* --------------- */


html { font-family: 'Open Sans', Arial; font-size: 20px;  line-height: 120%; }
body { background: #fff; color: #000; min-width: 320px; }

h1 { font-size: 2.4rem; font-weight: bold; margin-bottom: 3rem; }
h2 { font-size: 2.0rem; font-weight: bold; margin-bottom: 2rem; line-height: 120%; }
h3 { font-size: 1.4rem; font-weight: bold; margin-bottom: 1rem; }



button {
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 999px;  
	line-height: 100%;
	padding: 0.9rem 2rem 1.0rem 2rem;
	transition: 300ms;
	color: #501D50;
	border: 0;
	top: 0;
	position: relative;
	background:  var(--jeltiy);
	color: white;
	border: solid 2px var(--jeltiy);
}
button:hover { background: var(--fiolet); border-color: var(--fiolet);  }


section { margin: 0 auto; max-width: 1400px; padding: 0 2rem; }

footer { background: #501D50; padding: 0.9rem 0; height: 3rem; position: fixed; right: 0; bottom: 0; z-index: 20; width: 100%; }
footer section { display: flex; justify-content: space-between; }
footer section > div { white-space: nowrap; display: flex; align-items: center; gap: 0.5rem; }
footer i { font-style: normal; color: #925392; }
footer img { height: 1.25rem; }

footer, footer a { color: white; font-size: 0.7rem; transition: 300ms; }
footer a:hover { color: #925392; }



nowrap { white-space: nowrap; }


@media (max-width: 1399px), (max-height: 800px){
	html { font-size: 19px; }
}

@media (max-width: 1199px), (max-height: 750px){
	html { font-size: 18px; }
}
@media (max-width: 1099px), (max-height: 700px){
	html { font-size: 17px; }
}

@media (max-width: 999px), (max-height: 650px){
	html { font-size: 16px; }
}


@media (max-width: 499px), (max-height: 600px){
	html { font-size: 15px; }

}

@media (max-width: 399px), (max-height: 550px){
	html { font-size: 14px; }
}
@media (max-width: 359px){
	html { font-size: 13px; }

}