/*  This is the css for Andrew Cochrane's Principal Consultant Profile */
body > header {
  font-size: 12pt;
 }
img[id="photo"] {
  padding-top: 5px;
  display: block;
  margin-right: 10px;
  z-index: 80;
}
div[id="summary"] {
  display: block;
  align-self: flex-start;
  padding-right: 10px;
  text-align: justify;
  text-justify: inter-word;
}
div[id="profile"] {
  padding-top: 5px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;  /* Or: flex-start */
  align-content: flex-start; /* Or: space-between, stretch */
}
div[id="soed"] {
  order: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;  /* Or: flex-start */
  align-content: flex-start; /* Or: space-between, stretch */
}
div[id="skills"] {
  order: 1;
  flex: 5 5 100%; /* Shorthand for flex-grow, flex-shrink and flex-basis */
  align-self: flex-start;
  width: 100%;
}
div[id="organisations"] {
  order: 2;
  flex: 5 5 100%; /* Shorthand for flex-grow, flex-shrink and flex-basis */
  align-self: flex-start;
  width: 100%;
}
div[id="education"] {
  order: 3;
  flex: 5 5 100%; /* Shorthand for flex-grow, flex-shrink and flex-basis */
  align-self: flex-start;
  width: 100%;
}
div[id="experience"] {
  order: 4;
  flex: 5 5 100%; /* Shorthand for flex-grow, flex-shrink and flex-basis */
  align-self: flex-start;
  padding-right: 10px;
  padding-left: 0px;
  width: 100%;
}
li.clear {
  list-style-type: none;
}
@media only screen and (min-width: 415px) {
aside.BodyLogo {
  display: none;
}
body > header {
  font-size: 16pt;
 }
  div[id="summary"] {
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: justify;
    text-justify: inter-word;
    border: 5px hidden orange;
  }
  img[id="photo"] {
    float: right;
    margin-left: 10px;
    z-index: 80;
  }
  div[id="profile"] {
    border: 5px hidden green;
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
  }
  div[id="soed"] {
    order: 3;
    flex: 5 5 25%;
    flex-flow: column nowrap;
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    border: 5px hidden yellow;
  }
  div[id="skills"] {
    order: 1;
    flex: 5 5 100%;
    align-self: flex-start;
    border: 5px hidden purple;
    padding-left: 10px;
  }
  div[id="organisations"] {
    order: 2;
    flex: 5 5 100%;
    align-self: flex-start;
    border: 5px hidden purple;
    padding-left: 10px;
  }
  div[id="education"] {
    order: 3;
    flex: 5 5 100%;
    align-self: flex-start;
    border: 5px hidden purple;
    padding-left: 10px;
  }
  div[id="experience"] {
    order: 4;
    flex: 5 5 75%;
    align-self: flex-start;
    width: 75%;
    border-left: 1px solid black;
    padding-right: 10px;
    padding-left: 20px;
  }
}
/* End of file */