body {
  font-size: var(--font-base);
  font-family: var(--font-main);
  line-height: var(--line-height);
  color: var(--color-text);
  background-color: var(--color-bg);
  overflow-x:hidden;
}

html{
      overflow-x:hidden;
}

.site-main {
  padding: 0px 20px;
}

.container {
  padding: 0;
  box-sizing: border-box;
}

.button {
	background-color:var(--color-accent);
}

a {
	text-decoration:none;
}

div {
padding:.5rem;
}

@media (max-width:768px){
	div {
padding:0;
}
}

h1 {
  color: var(--color-accent); /* оранжевый */
  font-size: var(--h1-size);
  margin-bottom: 0.5em;
}

h2 {
  color: var(--color-text);
  text-transform: uppercase;
  font-size: var(--h2-size);
  margin-bottom: 0.75em;
}
h2 a{
  color: var(--color-text);
} 
h2 a:visited {
  color: var(--color-text);
} 
h3 {
  font-size: var(--h3-size);
  margin-bottom: 0.75em;
}

h4 {
  font-size: var(--h4-size);
}

h5 {
  font-size: var(--h5-size);
}

h6 {
  font-size: var(--h6-size);
}

h3, h4, h5, h6 {
  color: var(--color-text); /* чёрный */
}
h3 a, h4 a, h5 a, h6 a{
  color: var(--color-accent-alt);
}
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
  color: var(--color-accent);
}

h3 a:visited, 
h4 a:visited,
h5 a:visited,
h6 a:visited{
  color: var(--color-accent-alt);
}

p {
  margin-bottom: 1em;
  color: var(--color-text);
}