/*
  Meta-Tech Systems Website
  Base Mobile Styles

*/

@media only screen and (max-width:729px) {
  header {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding-left: 6%;
    padding-bottom: 8px;
  }
  #logo {
    height:100%;
  }
  nav ul {
    flex-direction:column;
    width: auto;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
  }
  nav ul li {
    margin-bottom:110px;
    text-align:center;
    width: auto;
    margin-right:0px; 
  }
  .contentItem {
    text-align:center;
    padding-bottom:100px;
  }
  .contentItem p, .contentItem h4,.contentItem p span {
    font-size:18pt;
  }
  .contentItem p a {
    font-size:smaller;
    display: inline-block;
  }
  .servicesContentItem {
    float:none;
    width:auto;
    text-align:left;
  }
  .servicesContentItems {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    align-content:center;
    justify-content: center;
    padding-bottom: 121px;
  }
  p,h4,h5,.contentHeading h5, .contentItem h4, .contentItem h5 {
    text-align:left;
  }
  aside {
    align-items:flex-start
  }
  footer {
     text-align:left;
  }
  #blue_box {
    padding:6%;
  }
  #blue_box p {
    font-size:18pt;
  }
  
  .contentItem > p:nth-child(2) > a:nth-child(5) > span:nth-child(1) {
    font-size:12pt;
  }
 
}