/* Stronger identity and hierarchy for the two experience paths. */
.experience>header{align-items:center}
.experience>header>i{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:50%;font-size:25px}
.fan-exp>header>i{color:#fb5705;background:rgba(251,87,5,.11);border:1px solid rgba(251,87,5,.32)}
.pro-exp>header>i{color:#448d25;background:rgba(104,184,47,.12);border:1px solid rgba(68,141,37,.32)}
.experience>header h3{font:800 26px/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.15px}
.experience>header p{color:#52606d;font-size:12px;line-height:1.5;margin-top:6px}
.experience-body{margin-top:-4px}

@media (min-width:701px) and (max-width:1024px){
  .experience>header{margin-bottom:14px}
  .experience>header>i{width:52px;height:52px;flex-basis:52px;font-size:23px}
  .experience>header h3{font-size:23px}
  .experience>header p{font-size:11px}
}

@media (max-width:700px){
  .experience>header{margin-bottom:13px}
  .experience>header>i{width:50px;height:50px;flex-basis:50px;font-size:22px}
  .experience>header h3{font-size:22px}
  .experience>header p{font-size:11px;margin-top:5px}
  .experience-body{margin-top:0}
}