* {
  margin: 0;
  padding: 0;
  font-family: montserrat;
}

:root {

  /* COLORS */
  --main-color: rgb(55, 129, 56);
  --light-color: whitesmoke;

  /* MARGINS AND PADDINGS, GRID GAP */
  --green-header-vertical-padding: 8px;
  --white-header-vertical-padding: 20px;
  --body-margin-top: 108px; /* Ensures that header doesn't overlap content */
  --body-margin-top-offer: 142px; /* -||- in offer.html page, because of navigation bar bellow main header. */
  --body-padding-horizontal: 140px; /* Distance on the left and right between screen edge and content on the page */
  --footer-margin-top: 150px; /* Ensures distance between footer and last element on the page. */
  --sector-vertical-padding: 60px; /* Ensures distance on the top and bottom between sector content and sector edge */
  --sector-margin-inside: 32px; /* Vertical distance between elements in each sector */
  --input-padding: 8px; /* Padding for all text inputs, including textareas. */
  --grid-gap: 20px;
  --offer3-margin-inside: 12px; /* Vertical margin between elements inside offer3


  /* TEXT */
  --h1-font-size: 32px;
  --h2-font-size: 20px;
  --green-header-font-size: 12px;
  --white-header-font-size: 16px;

  /* VARIABLES FOR SMALL SCREENS */

  --body-margin-horizontal-rs: 40px;
  --footer-margin-top-rs: 80px;
}