/* Color Palette */
/* Padding */
/* Heder Space */
/* Wrap */
/*-----------
Root
-------------*/
:root {
  --large: 8rem;
  --medium: 5rem;
  --small: 2rem;
  --transition: all 0.3s ease; }

@media screen and (max-width: 1200px) {
  :root {
    --large: 6rem;
    --medium: 4rem;
    --small: 1.5rem; } }
@media screen and (max-width: 880px) {
  :root {
    --large: 5rem;
    --medium: 3rem;
    --small: 1.5rem; } }
@media screen and (max-width: 480px) {
  :root {
    --large: 3rem;
    --medium: 2rem;
    --small: 1rem; } }