/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:320px)  {
  /* smartphones, iPhone, portrait 480x320 phones */
  .titleFontSize{
    font-size:32px;
    font-weight: normal;
    color: #007bdb;
  }
  .titleFontSizeMedium{
    font-size:18px;
    color: grey;
  }
  .titleFontSizeMediumMenu{
    font-size:18px;
    font-weight:normal;
    color: grey;
    text-decoration:underline;
    text-decoration-color: grey;
    text-decoration-thickness: 3px;
  }
  .titleFontSizeMediumMenuSelected{
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-color: #007bdb;
    text-decoration-thickness: 3px;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:481px)  {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  .titleFontSize{
    font-size:32px;
    font-weight: normal;
    color: #007bdb;
  }
  .titleFontSizeMedium{
    font-size:18px;
    color: grey;
  }
  .titleFontSizeMediumMenu{
    font-size:18px;
    font-weight:normal;
    color: grey;
    text-decoration:underline;
    text-decoration-color: grey;
    text-decoration-thickness: 3px;
  }
  .titleFontSizeMediumMenuSelected{
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-color: #007bdb;
    text-decoration-thickness: 3px;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:641px)  {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  .titleFontSize{
    font-size:32px;
    font-weight: normal;
    color: #007bdb;
  }
  .titleFontSizeMedium{
    font-size:18px;
    color: grey;
  }
  .titleFontSizeMediumMenu{
    font-size:18px;
    font-weight:normal;
    color: grey;
    text-decoration:underline;
    text-decoration-color: grey;
    text-decoration-thickness: 3px;
  }
  .titleFontSizeMediumMenuSelected{
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-color: #007bdb;
    text-decoration-thickness: 3px;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:961px)  {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  .titleFontSize{
    font-size:32px;
    font-weight: normal;
    color: #007bdb;
  }
  .titleFontSizeMedium{
    font-size:18px;
    color: grey;
  }
  .titleFontSizeMediumMenu{
    font-size:18px;
    font-weight:normal;
    color: grey;
    text-decoration:underline;
    text-decoration-color: grey;
    text-decoration-thickness: 3px;
  }
  .titleFontSizeMediumMenuSelected{
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-color: #007bdb;
    text-decoration-thickness: 3px;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:1025px) {
  /* big landscape tablets, laptops, and desktops */
  .titleFontSize{
    font-size:32px;
    font-weight: normal;
    color: #007bdb;
  }
  .titleFontSizeMedium{
    font-size:18px;
    color: grey;
  }
  .titleFontSizeMediumMenu{
    font-size:18px;
    font-weight:normal;
    color: grey;
    text-decoration:underline;
    text-decoration-color: grey;
    text-decoration-thickness: 3px;
  }
  .titleFontSizeMediumMenuSelected{
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-color: #007bdb;
    text-decoration-thickness: 3px;
  }
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
@media (min-width:1281px) {
  /* hi-res laptops and desktops */
  .titleFontSize{
    font-size:32px;
    font-weight: normal;
    color: #007bdb;
  }
  .titleFontSizeMedium{
    font-size:18px;
    color: grey;
  }
  .titleFontSizeMediumMenu{
    font-size:18px;
    font-weight:normal;
    color: grey;
    text-decoration:underline;
    text-decoration-color: grey;
    text-decoration-thickness: 3px;
  }
  .titleFontSizeMediumMenuSelected{
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-color: #007bdb;
    text-decoration-thickness: 3px;
  }
}