@import url('https://fonts.googleapis.com/css?family=PT+Sans:700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');

*{box-sizing:border-box}
body{
  margin:0;
  padding:0;
  background:#fff;
  color:#232323;
  font-family:'PT Sans Narrow',Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:1.45;
  font-weight:200;
}
.pricing-page{
  max-width:1140px;
  margin:0 auto;
}
.tier-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  margin:0 0 46px;
}
.tier-card{
  min-height:500px;
  border:1px solid #ccc;
  border-radius:0;
  padding:30px 16px 22px;
  text-align:center;
  background-color:#f7f7f7;
  background-image:linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.68)),url('/images/nadliget/prices_cols2.png');
  background-repeat:no-repeat;
  background-position:top center;
  background-size:contain;
}
.tier-card h2{
  margin:0 0 16px;
  color:#888;
  font-family:'PT Sans',Arial,Helvetica,sans-serif;
  font-size:20px;
  line-height:1.25;
  font-weight:700;
  text-transform:uppercase;
}
.date-ranges{
  min-height:76px;
  margin:0 0 10px;
  color:#232323;
  font-size:17px;
  line-height:1.35;
}
.tier-card ul,.callout ul,.services ul{
  margin:0;
  padding:0;
  list-style:none;
}
.tier-card li{
  margin:0;
  padding:0 0 17px;
  border:0;
  font-size:17px;
  line-height:1.42;
}
.tier-card li:first-child{
  padding-bottom:26px;
}
.price-line{
  color:#232323;
  font-size:17px;
  font-weight:200;
}
.callout,.services{
  margin:0 0 36px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.callout h2,.services h2{
  margin:0 0 12px;
  padding-bottom:4px;
  border-bottom:1px dotted #ccc;
  color:#888;
  font-family:'PT Sans',Arial,Helvetica,sans-serif;
  font-size:24px;
  line-height:1.25;
  font-weight:700;
}
.callout li,.services li{
  padding:0 0 8px;
  border:0;
  font-size:18px;
  line-height:1.4;
}
.services li strong{
  font-family:'PT Sans',Arial,Helvetica,sans-serif;
  font-weight:700;
}
@media(max-width:991px){
  .tier-grid{gap:20px}
  .tier-card{min-height:560px;padding-left:12px;padding-right:12px}
}
@media(max-width:767px){
  body{font-size:17px}
  .tier-grid{grid-template-columns:1fr;gap:18px;margin-bottom:32px}
  .tier-card{min-height:0;padding:24px 16px}
  .date-ranges{min-height:0;margin-bottom:18px}
  .tier-card li:first-child{padding-bottom:18px}
}
