/* 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 {
    position: relative; 
    display: block;
  } 
  #middleUL li {}
  #compsNav dd {}
  ul#mainNav {}
  #mainNav dl {}
  header {}
  #HeaderPicture {}
  #HeaderSpacer {}
  .flex-container2 {

  }
  #absDiv1 {
    top: 0;
  }
  .mastheadTopLeft {
    width: 100%;
  }
  .pagetag {}
  #middleUL li {}
  #compsNav dd {}
  ul#mainNav {}
  #mainNav dl {}
  header .ProfilePhoto {}
  h10 {}
U
  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 {}
  #mastheadTop {
    width: 100%;
    flex-wrap: nowrap;
  }
  .mastheadTopLeft {
    width: 82%;
  }
  .mastheadTopMiddle {
    height: 0px;
    flex: 0;
  }
  .mainContent {}
  #middleUL li {}
  #compsNav dd {}
  ul#mainNav {}
  #mainNav dl {}
  h10 {
    font: 222%/1.1 Helvetica, Arial, sans-serif;
  }
  #HeaderPicture {
    margin-top: 22px;
  }
}
@media only screen and (min-width : 531px) and (max-width : 844px) {
  /* Header */
  #HeaderSpacer {}
  header {}
  #HeaderPicture {}
  .pagetag {}
  .flex-container2 {
    /*    flex-direction: row;
    align-items: flex-start;
    flex: .1;*/
  }
  .menu {
    max-width: 33%;
    /*    flex: 1;
    margin-top: 60px;*/
  }
  #InsideMenu {
    /*    margin-top: -86px;*/
  }
  .TitleSection {}
  .mastheadTopLeft {}
  #HeaderPicture {
    /*    flex-direction: column;
    min-width: 300px;
    display: flex;
    justify-content: center;
    margin: auto;
    flex: 3;
    height: fit-content;*/
  }
  .mainContent {}
  #middleUL li {}
  #compsNav dd {}
  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 {}
  #HeaderPicture {}
  header .ProfilePhoto {}
  .pagetag {}
  .flex-container2 {
    flex-direction: row;
    align-items: flex-start;
  }
  .menu {
    max-width: 30%;
    flex: 1;
  }
  #InsideMenu {
    margin-top: -88px;
  }
  .TitleSection {}
  #HeaderPicture {}
  .mainContent {}
  #middleUL li {}
  #compsNav dd {}
  ul#mainNav {}
  #mainNav dl {}
}
/* Desktops and laptops  */
@media only screen and (min-width : 1166px) {
  #HeaderSpacer {}
  #compsNav dd {}
  header {}
  header .ProfilePhoto {}
  .pagetag {}
  .mastheadTopLeft {
    /*    flex: 3;*/
  }
  .flex-container2 {
    flex-direction: row;
    /*    align-items: flex-start;*/
  }
  .menu {
    flex: .1;
    /*    max-width: 30%;
    margin-top: 230px;*/
  }
  #InsideMenu {
    /*    margin-top: -155px;*/
  }
  .TitleSection {

  }
  #HeaderPicture {
    flex-direction: column;
    margin-top: 13px;
    max-width: 45%;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
      padding-bottom: 1em;
  }
  .mainContent {}
  #middleUL li {}
  #compsNav dd {}
  ul#mainNav {}
  #mainNav dl {}
}