/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {

  .autoPageTitle {
    font-family: "Alfa Slab One";
    /*font-size: 96px;*/
    /*line-height: 1.0em;*/
    /*font-size: 64px;*/
    font-size: 42px;
    line-height: 1.0em;
    /*color: #7f60cc;*/
    /*color: #96bab7;*/
    color: #9275B6 !important;
  }

  .pageTitle {
    color: #FCE737;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: none;

    font-weight: 700;
    /*font-size: 58px;*/
    font-size: 2em;
    font-style: bolder;
    font-family: 'Lobster', cursive;
    margin-right: 40px;
    margin-right: 1em;
  }

  .pageNum {
    color: #FCE737;
    width: 100%;
    padding: 0 20px 0 10px;
    border-bottom: none;
    font-weight: 700;
    font-size: 2em;
    font-style: bolder;
    font-family: 'Lobster', cursive;
    margin-left: 2em;
  }

  .navButton {
    background-color: none;
    /*color: #96bab7;*/
    text-align: center;
    display: inline-block;
    font-size: 1.0em;  
    padding: 6px 8px;
    cursor: pointer;
  }

  .navButtonDisabled {
    background-color: #444;
    color: #8f8323;
    text-align: center;
    display: inline-block;
    font-size: 1.0em;    
    padding: 6px 8px;
    margin-right: 12px;
  }

  .photoGridTitle {
      font-family: 'Open Sans', sans-serif;
      color: #eee;
      font-size: 1.2em;
      text-align: center;
      margin-top: 2.0em;
      margin-bottom: 1.4em;
  }

  .captionDiv {
    /*font-family: 'Times', serif;*/
    /*font-size: 1.5em;*/
    width: 80%;
    margin-top: 100%;
  }

  .gridCaption {
    font-size: 1em;
    margin: 0.5em 0 .5em 0;
    padding: 0px 25px 20px 25px;
    color: #eee !important;
    text-align: center;
    display: inline-block;
    line-height: 1.50em;
    font-family: 'Open Sans', sans-serif;
    vertical-align: top;
  }


  .modalCaptionDiv {
    font-family: 'Times', serif;
    font-size: 3em;
    width: 80%;
    margin-top: 100%;
    line-height: 1.5em;
  }

}