/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px) {
  .menu-item {
    font-size: 1.3em;
  }
}
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px) {
  .menu-item {
    font-size: 1.5em;
  }
}
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px) {
  p {
    font-size: .7em;
  }
}
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px) {
  .mfp-bottom-bar {
    height: 50px;
    position: fixed!important;
    transition: top 500ms;
    top:110%;
  }
}
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) {
  .menu-item {
    font-size: 2em;
  }
  .article-title {
    font-size: 1.3em;
  }
  p {
    font-size: 0.8em;
  }
}
/* hi-res laptops and desktops */
@media (min-width:1281px) {

}

@media (max-width:768px) {
  .menu-item {
    text-align: left;
  }
}