:root {
  /* Colors */
  --black: #000000;
  --white: #ffffff;
  --golden-yellow: #eecf01;
  --deep-magenta: #F5165D;
  --font-heading: 'Anton', sans-serif;
  --font-body: 'Poppins', sans-serif;
  --heading-font-size: 76px;
  --heading-medium-font: 52px;
  --heading-small-font: 42px;
  --text-font-size: 20px;
  --text-medium-font: 18px;
  --text-small-font: 16px;
}

.container {
max-width: 1280px;
/* min-width: none; */
margin: 0 auto;
padding:0 3rem;
/* border: 3px dotted yellow; */
position: relative;
}


@media (max-width: 768px){
  .container {
    padding:0 1rem;
}
}