.program
{
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding-top: 1.2rem;
}

.college
{
  display: inline-block;
  font-size: 1.7rem;
  padding-top: 0.5rem;

}

.grade
{
  padding-left: 2rem;
  display: inline-block;
  font-size: 1.7rem;
  padding-top: 0.5rem;
}

.course .a,
.achieve .a
{

  font-size: 2.5rem;
  font-weight: 500;
}

.course
{
  padding-top: 1.5rem;
  font-size: 2rem;
}

.achieve
{

  padding-top: 1.5rem;
  font-size: 2rem;
  padding-bottom: 1rem;
}


.ul-class
{
  padding-left: 2rem;
}

@media only screen and (max-width: 480px)
{

  .program
  {
    font-size: 2.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 1.2rem;
  }

  .college
  {
    display: inline-block;
    font-size: 1.7rem;
    padding-top: 0.5rem;

  }

  .grade
  {
    padding-left: 2rem;
    display: inline-block;
    font-size: 1.7rem;
    padding-top: 0.5rem;
  }

  .course .a,
  .achieve .a
  {

    font-size: 2rem;
    font-weight: 500;
  }

  .course
  {
    padding-top: 1.5rem;
    font-size: 1.5rem;
  }

  .achieve
  {

    padding-top: 1.5rem;
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }


  .ul-class
  {
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 400px)
{
  .program
  {
    font-size: 2.1rem;

  }

}

@media only screen and (max-width: 366px)
{
  .program
  {
    font-size: 1.9rem;

  }


  .college
  {
    display: inline-block;
    font-size: 1.5rem;
    padding-top: 0.5rem;

  }
}


@media only screen and (max-width: 340px)
{
  .program
  {
    font-size: 1.7rem;

  }


  .college
  {
    display: inline-block;
    font-size: 1.3rem;
    padding-top: 0.5rem;

  }

  .course .a,
  .achieve .a
  {

    font-size: 2rem;
    font-weight: 500;
  }

}