/* Media query for Mobile devices*/
@media only screen and (max-width : 844px) {
  .mainContent .section3hide {
    display: none;
  }
}
@media only screen and (max-width : 428px) {
  #InsideMenu {}
  .mainContent {}
  #middleUL li {}
  #compsNav dd {}
  ul#mainNav {}
  #mainNav dl {}
  header {}
  #HeaderPicture {}
  #HeaderSpacer {
    height: 500px;
  }
  .pagetag {}
  #middleUL li {}
  ul#mainNav {}
  #mainNav dl {}
  header .ProfilePhoto {}
  h10 {}
  h12 {
    font: 17px/1.2 Helvetica, Arial, sans-serif;
  }
  h13 {
    font: 15px/1.3 Helvetica, Arial, sans-serif;
    font-style: italic;
  }
}
@media only screen and (min-width : 428px) and (max-width : 531px) {
  #HeaderSpacer {}
  header {
    height: auto;
  }
  .pagetag {}
  .mainContent {}
  #middleUL li {}
  ul#mainNav {}
  #mainNav dl {}
  h10 {
    font: 222%/1.1 Helvetica, Arial, sans-serif;
  }
  #HeaderPicture {}
}
@media only screen and (min-width : 531px) and (max-width : 844px) {
  /* Header */
  #HeaderSpacer {}
  header {}
    .flex-container2 {
        max-height: 541px;
    }
  #HeaderPicture {}
  .pagetag {}
  .mainContent {}
  #middleUL li {}
  ul#mainNav {}
  #mainNav dl {}
  h10 {
    font: 248%/1.1 Helvetica, Arial, sans-serif;
  }
}
/* Media Query for Tablets */
@media only screen and (min-width : 844px) and (max-width : 1166px) {
  #HeaderSpacer {}
  header {}
    .mastheadTopRight {
        flex: 5;
    }
  #HeaderPicture {}
  .pagetag {}
  .mainContent {}
  #middleUL li {}
  ul#mainNav {}
  #mainNav dl {}
}
/* Desktops and laptops  */
@media only screen and (min-width : 1166px) {
  #HeaderSpacer {}
  /* #compsNav dd {

    left: 14px;
  }*/
  header {}
      .mastheadTopRight {
        flex: 5;
    }
    #HeaderPicture {}
  .pagetag {}
  .mainContent {}
  #middleUL li {}
  ul#mainNav {}
  #mainNav dl {}
}