:root {
}

* { margin: 0; padding: 0; box-sizing: border-box; appearance:none; -moz-appearance: none; -webkit-appearance:none;  /*outline: 1px solid #f00;*/  }
html { font-family: system-ui, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: system-ui, sans-serif; color: #333; line-height: 100%; display: flex; flex-direction: column; min-height: 100vh; }
a, a:hover { text-decoration: none; color: #666; }

img { width: 100%; max-width: 100%; }
.atc:hover, .atcb:hover { cursor: pointer; }
.relative { position: relative; }


.container { width: 100%; margin-right: auto; margin-left: auto; }
@media (max-width: 991px) {
	.container { max-width: calc(100% - 32px); }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.container { max-width: 970px;  }
}
@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}