#president > div > div{
  font-size: calc(12pt + 0.6vw);
  letter-spacing: 0.04em;  
}

#president > div{
  font-size: calc(8pt + 0.2vw);
}

.dottedList > dl > dt{
  width: 150px;
}

.dottedList > dl > dd{
  width: calc(100% - 160px);
}


@media screen and (min-width: 768px){

}

@media screen and (max-width: 767px){
  #president ~ div > div {
    font-size: 14pt;
    letter-spacing: 0.04em;
  }
  
  .dottedList > dl{
    display: block;
  }

  .dottedList > dl > dt, .dottedList > dl > dd{
    width: 100%;
  }
}