@import url('https://fonts.googleapis.com/css?family=DM+Sans&display=swap');

/*Responsive Design for iPads Portrait Mode*/
@media only screen and (min-width: 700px) {
  .julianPlanetNavigationM {
    padding-bottom: 10pt;
  }

  .julianPlanetNavigationM p a {
    font-size: 2vw;
  }

  .julianPlanetNavigationM p a img {
    top: -0.5vw;
    width: 2vw; height: auto;
  }
}



/*
  .class66 {
    width: 63.67%;
    margin-right: 3%;
  }

  .class66:last-child {
    width: 66.665%;
    margin-right: 0%;
  }

  .class50 {
    width: 49%;
    margin-right: 2%;
  }
  .class50:last-child {
    width: 49%;
    margin-right: 0%;
  }

  .class33 {
    width: 30.335%;
    margin-right: 3%;
  }

  .class33:last-child {
    width: 33.33%;
    margin-right: 0%;
  }

  .class33S {
    width: 31.33%;
    margin-right: 3%;
  }
  .class33S:last-child {
    width: 31.33%;
    margin-right: 0%;
  }

  .class25 {
    width: 25%;
  }

  .class100 {
    height: auto;
  }

  .ParentContent {
    float: left;
    width: 100%;
    height: auto;
    min-height: 75vh;
  }
  .verticalAlignmentWrapper {
    display: table; /*Use verticalAllignmentClass as child class
    width: 100%;
    height: auto;
    min-height: auto;
    margin-bottom: 2em;
  }
  .verticalAlignmentClass {
    display: table-cell;
    vertical-align: top;
  }

  .hideMobile {
    display: block !important;
  }
  #navigation {
    /*background-color: purple;
  }
  #subNav {
    width: 100%;
  }

  .hamburgerItem {
    height: 35px !important;
  }*/