/* path: src/calc/static/calc/css/calculator_page.css */

/* =============================================================================
   Calculator Hero
   ============================================================================= */

.CalculatorHero{
  padding-top:0;
  padding-bottom:var(--space-5);
}

.CalculatorHero__head{
  max-width:920px;
}

.CalculatorHero__title{
  margin-bottom:var(--space-3);
}

.CalculatorHero__subtitle{

  margin:0;
  color:var(--text-2);
  font-size:1.125rem;
  line-height:1.45;
}

/* =============================================================================
   Calculator Page
   ============================================================================= */

.CalculatorPage{
  padding-top:0;
}

.CalculatorPage__head{
  margin-bottom:var(--space-5);
}

.CalculatorPage__title{
  padding-bottom:0;
}

.CalculatorPage__subtitle{
  max-width:62ch;
}

@media (min-width:768px){
  .CalculatorHero__title{
  }

  .CalculatorHero__subtitle{

  }
}

@media (min-width:1024px){
  .CalculatorHero{
    padding-bottom:28px;
  }

  .CalculatorHero__title{
  }

  .CalculatorHero__subtitle{

  }

  .CalculatorPage__head{
    margin-bottom:28px;
  }
}