:root {
  --section-padding: 80px;
  --section-sm-padding: 40px;
  --section-lg-padding: 120px;
}

* {
  background-size: cover ;
  background-position: center ;
  background-repeat: no-repeat ;
}

section, header, footer
{
  padding: var(--section-padding) 0 !important;
}

section.section-sm
{
  padding: var(--section-sm-padding) 0 !important;
}

section.section-lg
{
  padding: var(--section-lg-padding) 0 !important;
}

section:first-child
{
  margin-top: 0 !important;    
}

section:last-child
{
  margin-bottom: 0 !important;  
}

@media (max-width: 	992px) {
  section, header, footer
  {
    padding: calc(var(--section-padding) / 2) 0 !important;
  }
  
  section.section-sm
  {
    padding: var(--section-sm-padding);
  }
  
  section.section-lg
  {
    padding: calc(var(--section-lg-padding) / 2) 0 !important;
  }

  [class*="col"] {
    margin-bottom: 30px;
  }

  .mob-no-vs > [class*="col"] {
    margin-bottom: 0 !important;    
  }
  .mob-0 {
    margin-bottom: 0px;
  }

}

@media (max-width: 	768px) {
  [class*="col"]:last-child {
    margin-bottom: 0px;
  }
}