@keyframes fadeIn {
  from {
    filter: alpha(opacity=0);
    opacity: 0; }
  to {
    filter: alpha(opacity=1);
    opacity: 1; } }

@keyframes slideRight {
  from {
    left: -20%; }
  to {
    left: -0%; } }

@keyframes disappearRight {
  from {
    display: block; }
  to {
    display: none; } }

.card {
  background-color: white;
  margin-top: 1cm;
  min-height: 1cm;
  border: 1px solid #CCC;
  padding: 0cm;
  box-shadow: 0px 0px 1mm 0px rgba(0, 0, 0, 0.3);
  margin-left: auto;
  margin-right: auto;
  max-width: 8.5in; }

.card img {
  max-width: calc(100%/4); }

.card:last-child {
  margin-bottom: 1cm; }

.fillWidth {
  width: min(calc(100vw - 1cm), 8.5in); }

.split-content .card .fillWidth {
  width: min(calc(100vw - 15cm), 8.5in); }

@media all and (min-width: 880px) {
  .card img {
    float: left;
    padding: 0 4mm 4mm 0; }
  .split-content .card {
    background-color: white;
    margin-top: 1cm;
    min-height: 1cm;
    border: 1px solid #CCC;
    padding: 0cm;
    box-shadow: 0px 0px 1mm 0px rgba(0, 0, 0, 0.3);
    margin-left: auto;
    margin-right: auto;
    max-width: 8.5in;
    max-width: min(calc(100vw - 15cm), 8.5in); }
  .split-content .card img {
    max-width: calc(min(calc(100vw - 15cm), 8.5in)/3); }
  .fillPage {
    margin-top: 0.5cm;
    min-height: 0.5cm;
    width: min(calc(100vw - 1cm), 8.5in);
    min-height: calc(100vh - 4.2cm); }
  .fillPage.exact {
    width: calc(100vw - 1cm);
    max-width: calc(100vw - 1cm);
    height: calc(100vh - 4.2cm); }
  .fillPage.exact:last-child {
    margin-bottom: 0cm; }
  .split-content .fillPage {
    width: min(calc(100vw - 15cm), 8.5in);
    height: calc(100vh - 4.2cm); }
  .card.fillPage p.vcenter {
    margin-top: calc(50vh - 2.2cm); }
  .card .fillcard {
    position: relative;
    top: -0.5cm;
    width: calc( 100%);
    height: calc( 100% - 0.75cm); } }

@media all and (max-width: 879px) and (min-width: 860px) {
  .card img {
    float: left;
    padding: 0 4mm 4mm 0; }
  .fillPage {
    margin-top: 0.5cm;
    min-height: calc(100vh - 5.5cm);
    width: min(calc(100vw - 1cm), 8.5in); }
  .fillPage.exact {
    width: calc(100vw - 1cm);
    max-width: calc(100vw - 1cm);
    height: calc(100vh - 5.5cm); }
  .card.fillPage p.vcenter {
    margin-top: calc(50vh - 3.2cm); }
  .card .fillcard {
    position: relative;
    top: -0.5cm;
    width: calc( 100%);
    height: calc( 100% - 0.75cm); } }

@media all and (max-width: 859px) {
  .card img {
    display: block;
    margin: 0 auto 4mm auto; }
  .fillPage {
    margin-top: 0.5cm;
    min-height: calc(100vh - 5.5cm);
    width: min(calc(100vw - 1cm), 8.5in); }
  .fillPage.exact {
    width: calc(100vw - 1cm);
    max-width: calc(100vw - 1cm);
    height: calc(100vh - 5.5cm); }
  .card.fillPage p.vcenter {
    margin-top: calc(50vh - 3.2cm); }
  .card .fillcard {
    position: relative;
    top: -0.5cm;
    width: calc( 100%);
    height: calc( 100% - 0.75cm); } }

.card .title {
  margin-top: 0.5cm;
  margin-left: 0.5cm;
  margin-right: 0.5cm;
  border-bottom: 1px solid #CCC; }

.card .title a {
  margin-left: 2mm; }

.card .title img {
  margin: 0 2mm 2mm 0; }

.card .title a {
  margin: 0; }

.card .flex {
  display: flex; }

.card .flex img {
  align-self: baseline; }

.card .flex p {
  margin: 2mm 0 0 2mm; }

.card p {
  margin: 0 0 2mm 0; }

.card p:last-child {
  margin: 0; }

.card p.center {
  text-align: center; }

.card .pad {
  padding-left: 0.5cm;
  padding-right: 0.5cm;
  padding-bottom: 0.5cm;
  width: calc(100% - 1cm); }

.card .pad.fullPad {
  padding-top: 0.5cm; }

.card .fill {
  width: 100%;
  height: calc(100% - 5mm); }

.card .fillcard2 {
  position: relative; }

.card .unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.footer {
  position: fixed;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: white;
  border-top: 1px solid #CCC;
  box-shadow: 0mm 1mm 3mm 0px rgba(0, 0, 0, 0.4); }

.header {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20.26458mm;
  border-bottom: 1px solid #CCC;
  box-shadow: 0mm -1mm 3mm 0px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  z-index: 999; }

@media all and (min-width: 860px) {
  .header {
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100vw;
    height: 20.26458mm;
    border-bottom: 1px solid #CCC;
    background-color: #FFF; } }

@media all and (max-width: 859px) {
  .header {
    display: block;
    position: fixed;
    width: 100vw;
    height: calc( 20mm + 1px + 10mm);
    border-bottom: 1px solid #CCC;
    background-color: #FFF; } }

@keyframes slideIn {
  from {
    margin-left: 50%; }
  to {
    margin-left: 10%; } }

@keyframes slideInContent {
  from {
    margin-left: -50%; }
  to {
    margin-left: -10%; } }

.header_title {
  float: left;
  height: 18.26458mm;
  margin: 1mm;
  animation-name: slideIn;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  z-index: 1000; }

.headerFlex1 {
  display: flex;
  flex-direction: row; }

.header_content {
  animation-name: slideInContent;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both; }

div.header_title span {
  float: left;
  clear: left; }

.header_sparkx120Mini {
  position: relative;
  left: 5.26458mm;
  top: -17mm;
  height: 4.56615mm;
  font-size: 4.56615mm;
  font-weight: 400;
  z-index: 1000; }

.header_JamesWakeBig {
  position: relative;
  top: -4mm;
  height: 18.26458mm;
  font-size: 12.78521mm;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
  z-index: 1000; }

.header_JamesWakeBig::first-letter {
  font-size: 16.43813mm; }

@keyframes fadeIn {
  from {
    filter: alpha(opacity=0);
    opacity: 0; }
  to {
    filter: alpha(opacity=1);
    opacity: 1; } }

@keyframes slideRight {
  from {
    left: -20%; }
  to {
    left: -0%; } }

@keyframes disappearRight {
  from {
    display: block; }
  to {
    display: none; } }

@media all and (min-width: 1280px) {
  .navContainer {
    float: left;
    display: flex;
    justify-content: space-between;
    flex-grow: 2; }
  .nav.button {
    font-size: 8mm;
    color: #000;
    margin: 0px;
    padding-top: 4.5mm;
    padding-bottom: 5mm;
    float: left;
    margin-right: 5mm; }
  .nav.button.big {
    font-size: 12mm;
    line-height: 8mm;
    top: -2mm; }
  .navMenuButton {
    display: none; } }

@media all and (max-width: 1279px) and (min-width: 860px) {
  .navContainer {
    float: left;
    display: flex;
    justify-content: space-between;
    flex-grow: 2; }
  .nav.button {
    color: #000;
    font-size: 8mm;
    margin: 0px;
    padding-top: 4.5mm;
    padding-bottom: 5mm;
    float: left;
    margin-right: 5mm; }
  .nav.button.big {
    font-size: 12mm;
    line-height: 8mm;
    top: -2mm; }
  .navMenuButton {
    display: none; } }

@media all and (max-width: 859px) {
  .navContainer {
    float: left;
    width: calc( 100vw - 5vw - 10px);
    margin-left: 5vw;
    padding-left: 10px;
    align-content: center;
    display: block; }
  .nav.button {
    color: #000;
    font-size: 5mm;
    align-content: center;
    margin: 0px;
    padding-top: 2mm;
    padding-bottom: 2mm;
    float: left;
    margin-right: 5mm; }
  .nav.button.big {
    font-size: 4mm;
    line-height: 1mm;
    top: 0mm; }
  .navMenuButton {
    display: block; } }

.nav.button a:visited {
  color: #000; }

.nav.button a:hover {
  color: #666; }

.nav {
  animation-delay: 1.3s;
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: both; }

@keyframes fadeIn {
  from {
    filter: alpha(opacity=0);
    opacity: 0; }
  to {
    filter: alpha(opacity=1);
    opacity: 1; } }

@keyframes slideRight {
  from {
    left: -20%; }
  to {
    left: -0%; } }

@keyframes disappearRight {
  from {
    display: block; }
  to {
    display: none; } }

@media all and (min-width: 1110px) {
  .header .social-bar {
    opacity: 100%;
    left: 0cm;
    width: 6cm; }
  .social-pane .social-bar {
    height: 0cm; }
  .social-pane .social-bar img {
    top: -1.5cm;
    opacity: 0; }
  .social-pane .twitter-holder {
    height: calc(100vh - 33mm);
    width: 430px;
    overflow-y: scroll; } }

@media all and (min-width: 881px) and (max-width: 1109px) {
  .header .social-bar {
    opacity: 0%;
    left: 6cm;
    width: 0cm; }
  .social-pane .social-bar {
    height: 1.5cm; }
  .social-pane .social-bar img {
    top: 0cm;
    opacity: 1; }
  .social-pane .twitter-holder {
    height: calc(100vh - 48mm);
    width: 430px;
    overflow-y: scroll; } }

@media all and (max-width: 880px) {
  .header .social-bar {
    opacity: 0%;
    left: 6cm;
    width: 0cm; }
  .social-pane .social-bar {
    height: 1.5cm; }
  .social-pane .social-bar img {
    top: 0cm;
    opacity: 1; }
  .social-pane .twitter-holder {
    margin-left: 1vw;
    margin-right: 1vw;
    width: 98vw; } }

.social-pane span {
  margin-right: 2px; }

.social-pane .social-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: 100%; }

.header .social-bar {
  position: relative;
  margin-top: 5mm; }

.social-pane .social-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: 100%; }

.header .social-bar img {
  width: 1cm;
  height: 1cm;
  margin-right: 5mm; }

.social-pane .social-bar img {
  position: relative;
  width: 1.25cm;
  height: 1.25cm;
  transition-property: opacity, top;
  transition-duration: 0.5s; }

.social-bar {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  float: right;
  height: 1.1cm;
  margin-top: 1mm;
  transition-duration: 0.5s;
  transition-property: width, height, left, opacity; }

.header {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20.26458mm;
  border-bottom: 1px solid #CCC;
  box-shadow: 0mm -1mm 3mm 0px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  z-index: 999; }

@media all and (min-width: 860px) {
  .header {
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100vw;
    height: 20.26458mm;
    border-bottom: 1px solid #CCC;
    background-color: #FFF; } }

@media all and (max-width: 859px) {
  .header {
    display: block;
    position: fixed;
    width: 100vw;
    height: calc( 20mm + 1px + 10mm);
    border-bottom: 1px solid #CCC;
    background-color: #FFF; } }

@keyframes slideIn {
  from {
    margin-left: 50%; }
  to {
    margin-left: 10%; } }

@keyframes slideInContent {
  from {
    margin-left: -50%; }
  to {
    margin-left: -10%; } }

.header_title {
  float: left;
  height: 18.26458mm;
  margin: 1mm;
  animation-name: slideIn;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  z-index: 1000; }

.headerFlex1 {
  display: flex;
  flex-direction: row; }

.header_content {
  animation-name: slideInContent;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both; }

div.header_title span {
  float: left;
  clear: left; }

.header_sparkx120Mini {
  position: relative;
  left: 5.26458mm;
  top: -17mm;
  height: 4.56615mm;
  font-size: 4.56615mm;
  font-weight: 400;
  z-index: 1000; }

.header_JamesWakeBig {
  position: relative;
  top: -4mm;
  height: 18.26458mm;
  font-size: 12.78521mm;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
  z-index: 1000; }

.header_JamesWakeBig::first-letter {
  font-size: 16.43813mm; }

.footer {
  position: fixed;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: white;
  border-top: 1px solid #CCC;
  box-shadow: 0mm 1mm 3mm 0px rgba(0, 0, 0, 0.4); }

@keyframes fadeIn {
  from {
    filter: alpha(opacity=0);
    opacity: 0; }
  to {
    filter: alpha(opacity=1);
    opacity: 1; } }

@keyframes slideRight {
  from {
    left: -20%; }
  to {
    left: -0%; } }

@keyframes disappearRight {
  from {
    display: block; }
  to {
    display: none; } }

@media all and (min-width: 1280px) {
  .navContainer {
    float: left;
    display: flex;
    justify-content: space-between;
    flex-grow: 2; }
  .nav.button {
    font-size: 8mm;
    color: #000;
    margin: 0px;
    padding-top: 4.5mm;
    padding-bottom: 5mm;
    float: left;
    margin-right: 5mm; }
  .nav.button.big {
    font-size: 12mm;
    line-height: 8mm;
    top: -2mm; }
  .navMenuButton {
    display: none; } }

@media all and (max-width: 1279px) and (min-width: 860px) {
  .navContainer {
    float: left;
    display: flex;
    justify-content: space-between;
    flex-grow: 2; }
  .nav.button {
    color: #000;
    font-size: 8mm;
    margin: 0px;
    padding-top: 4.5mm;
    padding-bottom: 5mm;
    float: left;
    margin-right: 5mm; }
  .nav.button.big {
    font-size: 12mm;
    line-height: 8mm;
    top: -2mm; }
  .navMenuButton {
    display: none; } }

@media all and (max-width: 859px) {
  .navContainer {
    float: left;
    width: calc( 100vw - 5vw - 10px);
    margin-left: 5vw;
    padding-left: 10px;
    align-content: center;
    display: block; }
  .nav.button {
    color: #000;
    font-size: 5mm;
    align-content: center;
    margin: 0px;
    padding-top: 2mm;
    padding-bottom: 2mm;
    float: left;
    margin-right: 5mm; }
  .nav.button.big {
    font-size: 4mm;
    line-height: 1mm;
    top: 0mm; }
  .navMenuButton {
    display: block; } }

.nav.button a:visited {
  color: #000; }

.nav.button a:hover {
  color: #666; }

.nav {
  animation-delay: 1.3s;
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: both; }

@keyframes fadeIn {
  from {
    filter: alpha(opacity=0);
    opacity: 0; }
  to {
    filter: alpha(opacity=1);
    opacity: 1; } }

@keyframes slideRight {
  from {
    left: -20%; }
  to {
    left: -0%; } }

@keyframes disappearRight {
  from {
    display: block; }
  to {
    display: none; } }

@media all and (min-width: 1110px) {
  .header .social-bar {
    opacity: 100%;
    left: 0cm;
    width: 6cm; }
  .social-pane .social-bar {
    height: 0cm; }
  .social-pane .social-bar img {
    top: -1.5cm;
    opacity: 0; }
  .social-pane .twitter-holder {
    height: calc(100vh - 33mm);
    width: 430px;
    overflow-y: scroll; } }

@media all and (min-width: 881px) and (max-width: 1109px) {
  .header .social-bar {
    opacity: 0%;
    left: 6cm;
    width: 0cm; }
  .social-pane .social-bar {
    height: 1.5cm; }
  .social-pane .social-bar img {
    top: 0cm;
    opacity: 1; }
  .social-pane .twitter-holder {
    height: calc(100vh - 48mm);
    width: 430px;
    overflow-y: scroll; } }

@media all and (max-width: 880px) {
  .header .social-bar {
    opacity: 0%;
    left: 6cm;
    width: 0cm; }
  .social-pane .social-bar {
    height: 1.5cm; }
  .social-pane .social-bar img {
    top: 0cm;
    opacity: 1; }
  .social-pane .twitter-holder {
    margin-left: 1vw;
    margin-right: 1vw;
    width: 98vw; } }

.social-pane span {
  margin-right: 2px; }

.social-pane .social-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: 100%; }

.header .social-bar {
  position: relative;
  margin-top: 5mm; }

.social-pane .social-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: 100%; }

.header .social-bar img {
  width: 1cm;
  height: 1cm;
  margin-right: 5mm; }

.social-pane .social-bar img {
  position: relative;
  width: 1.25cm;
  height: 1.25cm;
  transition-property: opacity, top;
  transition-duration: 0.5s; }

.social-bar {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  float: right;
  height: 1.1cm;
  margin-top: 1mm;
  transition-duration: 0.5s;
  transition-property: width, height, left, opacity; }

.card {
  background-color: white;
  margin-top: 1cm;
  min-height: 1cm;
  border: 1px solid #CCC;
  padding: 0cm;
  box-shadow: 0px 0px 1mm 0px rgba(0, 0, 0, 0.3);
  margin-left: auto;
  margin-right: auto;
  max-width: 8.5in; }

.card img {
  max-width: calc(100%/4); }

.card:last-child {
  margin-bottom: 1cm; }

.fillWidth {
  width: min(calc(100vw - 1cm), 8.5in); }

.split-content .card .fillWidth {
  width: min(calc(100vw - 15cm), 8.5in); }

@media all and (min-width: 880px) {
  .card img {
    float: left;
    padding: 0 4mm 4mm 0; }
  .split-content .card {
    background-color: white;
    margin-top: 1cm;
    min-height: 1cm;
    border: 1px solid #CCC;
    padding: 0cm;
    box-shadow: 0px 0px 1mm 0px rgba(0, 0, 0, 0.3);
    margin-left: auto;
    margin-right: auto;
    max-width: 8.5in;
    max-width: min(calc(100vw - 15cm), 8.5in); }
  .split-content .card img {
    max-width: calc(min(calc(100vw - 15cm), 8.5in)/3); }
  .fillPage {
    margin-top: 0.5cm;
    min-height: 0.5cm;
    width: min(calc(100vw - 1cm), 8.5in);
    min-height: calc(100vh - 4.2cm); }
  .fillPage.exact {
    width: calc(100vw - 1cm);
    max-width: calc(100vw - 1cm);
    height: calc(100vh - 4.2cm); }
  .fillPage.exact:last-child {
    margin-bottom: 0cm; }
  .split-content .fillPage {
    width: min(calc(100vw - 15cm), 8.5in);
    height: calc(100vh - 4.2cm); }
  .card.fillPage p.vcenter {
    margin-top: calc(50vh - 2.2cm); }
  .card .fillcard {
    position: relative;
    top: -0.5cm;
    width: calc( 100%);
    height: calc( 100% - 0.75cm); } }

@media all and (max-width: 879px) and (min-width: 860px) {
  .card img {
    float: left;
    padding: 0 4mm 4mm 0; }
  .fillPage {
    margin-top: 0.5cm;
    min-height: calc(100vh - 5.5cm);
    width: min(calc(100vw - 1cm), 8.5in); }
  .fillPage.exact {
    width: calc(100vw - 1cm);
    max-width: calc(100vw - 1cm);
    height: calc(100vh - 5.5cm); }
  .card.fillPage p.vcenter {
    margin-top: calc(50vh - 3.2cm); }
  .card .fillcard {
    position: relative;
    top: -0.5cm;
    width: calc( 100%);
    height: calc( 100% - 0.75cm); } }

@media all and (max-width: 859px) {
  .card img {
    display: block;
    margin: 0 auto 4mm auto; }
  .fillPage {
    margin-top: 0.5cm;
    min-height: calc(100vh - 5.5cm);
    width: min(calc(100vw - 1cm), 8.5in); }
  .fillPage.exact {
    width: calc(100vw - 1cm);
    max-width: calc(100vw - 1cm);
    height: calc(100vh - 5.5cm); }
  .card.fillPage p.vcenter {
    margin-top: calc(50vh - 3.2cm); }
  .card .fillcard {
    position: relative;
    top: -0.5cm;
    width: calc( 100%);
    height: calc( 100% - 0.75cm); } }

.card .title {
  margin-top: 0.5cm;
  margin-left: 0.5cm;
  margin-right: 0.5cm;
  border-bottom: 1px solid #CCC; }

.card .title a {
  margin-left: 2mm; }

.card .title img {
  margin: 0 2mm 2mm 0; }

.card .title a {
  margin: 0; }

.card .flex {
  display: flex; }

.card .flex img {
  align-self: baseline; }

.card .flex p {
  margin: 2mm 0 0 2mm; }

.card p {
  margin: 0 0 2mm 0; }

.card p:last-child {
  margin: 0; }

.card p.center {
  text-align: center; }

.card .pad {
  padding-left: 0.5cm;
  padding-right: 0.5cm;
  padding-bottom: 0.5cm;
  width: calc(100% - 1cm); }

.card .pad.fullPad {
  padding-top: 0.5cm; }

.card .fill {
  width: 100%;
  height: calc(100% - 5mm); }

.card .fillcard2 {
  position: relative; }

.card .unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 4mm;
  margin: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: #F8F8F8; }

h1 {
  font-weight: 500; }

h2 {
  font-weight: 500; }

a {
  text-decoration: none;
  color: #888; }

a:visited {
  color: #666; }

.App {
  width: 100vw;
  height: 100vh; }

iframe {
  border: 1px solid #CCC; }

iframe.styled {
  box-shadow: 0px 0px 1mm 0px rgba(0, 0, 0, 0.3); }

iframe.iframeFull {
  height: calc(-3.5cm + 100vh); }

.pageContent {
  width: 100%;
  min-height: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: flex;
  flex-shrink: 1;
  flex-direction: column; }

@media all and (min-width: 880px) {
  .social-pane {
    position: fixed;
    background-color: white;
    right: 0px;
    top: 21mm;
    width: 430px;
    height: calc(100vh - 30mm);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10px;
    border-left: 1px solid #CCC; }
  .split-content {
    float: left;
    position: relative;
    width: calc( 100vw - 11.7cm);
    margin: 0px auto;
    align-items: center;
    padding-bottom: 10mm; }
  .scrollableInnerPageContentWrapper {
    height: calc(100vh - 29mm);
    overflow-y: auto; }
  .contentWrapper {
    margin-top: 21mm;
    margin-bottom: 8mm;
    height: calc(100vh - 29mm);
    overflow-y: auto; } }

@media all and (max-width: 879px) and (min-width: 860px) {
  .social-pane {
    background-color: white;
    right: 0px;
    top: 20vh;
    width: calc(100vw);
    height: 80vh;
    padding-top: 1em;
    margin-top: 5mm;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    box-shadow: 0cm 0cm 1mm 0cm rgba(0, 0, 0, 0.3); }
  .split-content {
    position: relative;
    padding-bottom: 10mm; }
  .scrollableInnerPageContentWrapper {
    height: calc(100vh - 39mm);
    overflow-y: auto; }
  .contentWrapper {
    margin-top: 31mm;
    margin-bottom: 8mm;
    height: calc(100vh - 39mm);
    overflow-y: auto; } }

@media all and (max-width: 859px) {
  .social-pane {
    background-color: white;
    float: right;
    width: calc(100vw);
    height: calc(80vh);
    padding-top: 1em;
    margin-top: 5mm;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    box-shadow: 0cm 0cm 1mm 0cm rgba(0, 0, 0, 0.3); }
  .split-content {
    position: relative;
    padding-bottom: 10mm; }
  .scrollableInnerPageContentWrapper {
    height: calc(100vh - 39mm);
    overflow-y: auto; }
  .contentWrapper {
    margin-top: 31mm;
    margin-bottom: 8mm;
    height: calc(100vh - 39mm);
    overflow-y: auto; } }

.linkedin-button {
  width: 28;
  height: 28px; }

.arrow_button {
  width: 0.5cm;
  border: 0px;
  background: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0.2cm;
  margin-right: 0.2cm; }

.arrow_button.left {
  left: 0cm; }

.arrow_button.right {
  right: 0cm; }

.button_center {
  position: relative;
  top: calc(50% - 1.5cm); }

.floatLeft {
  float: left; }

.topLayer {
  z-index: 900; }

.midLayer {
  z-index: 500; }

.lowLayer {
  z-index: 200; }

.leftSeperator {
  margin-left: 0.4cm; }

.title .unselected {
  color: #aaaaaa; }

.title .unselected:hover {
  color: #666666; }

p.center {
  text-align: center; }