#c604937 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#c604933 {
  padding-bottom: 10px;
}

div.RDE,
div.xEV,
div.Lecture {
  margin-right: 5px;
}
div.RDE,
div.xEV,
div.CAV {
  display: inline-block;
  width: 300px;
  height: 60px;
  transform: skewX(-10deg);
  vertical-align: top;
}


#c605001 div.RDE,
#c605001 div.xEV,
#c605001 div.CAV,
#c605005 div.RDE,
#c605005 div.xEV,
#c605005 div.CAV,
#c605009 div.RDE,
#c605009 div.xEV,
#c605009 div.CAV {
  width: 300px;
  margin-bottom: 5px;
}
div.Lecture,
div.Workshop {
  display: inline-block;
  width: 230px;
  height: 60px;
  transform: skewX(-10deg);
  vertical-align: top;
}
div.RDE:hover,
div.xEV:hover,
div.CAV:hover,
div.Lecture:hover,
div.Workshop:hover {
  opacity: 0.6;
}
div.RDE {
  background-color: #0079c0;
}
div.xEV {
  background-color: #009655;
}
div.CAV {
  background-color: #d4698e;
}
div.Lecture,
div.Workshop {
  background-color: #02c9c9;
}
div.RDE.black,
div.xEV.black,
div.CAV.black,
div.Lecture.black,
div.Workshop.black {
  background-color: #e6e6e6;
}
div.RDE a,
div.xEV a,
div.CAV a,
div.Lecture a,
div.Workshop a {
  transform: skewX(10deg);
  display: block;
  height: 60px;
}
div.RDE p > img,
div.xEV p > img,
div.CAV p > img,
div.Lecture p > img,
div.Workshop p > img {
  transform: skewX(10deg);
}
div.RDE img {
  position: relative;
  top: 15px;
  left: 20px;
}
div.xEV img {
  position: relative;
  top: 15px;
  left: 25px;
}
div.CAV img {
  position: relative;
  top: 15px;
  left: 10px;
}
div.Lecture img {
  position: relative;
  top: 23px;
  left: 30px;
}
div.Workshop img {
  position: relative;
  top: 23px;
  left: 13px;
}
p#mobileRDE,
p#mobilexEV,
p#mobileCAV {
  display: none;
  transform: skewX(10deg);
}

.cornerMenu {
  text-align: left;
  margin-top: 10px;
  padding-bottom: 2em;
}
.cornerMenu p {
  line-height: 140%;
  font-size: 10px;
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}


@media screen and (max-width: 959px) {
  div.RDE,
  div.xEV,
  div.CAV {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  p#mobileRDE,
  p#mobilexEV,
  p#mobileCAV {
    display: block;
  }
}


#persWrapper {
  position: relative;
}
#persOver {
  position: relative;
  z-index: 3;
  animation: persVisible 1s 1.5s both;
}
#persFront {
  position: absolute;
  z-index: 2;
  top: 0;
  left:0;
  animation: persIn 1s 0.5s both;
}
#persBack {
  position: absolute;
  z-index: 1;
  top: 0;
  left:0;
}
@keyframes persVisible {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes persIn {
    0% {
        opacity: 0;
        top: 5%;
    }
    100% {
        opacity: 1;
        top: 0%;
    }
}


.twoColumnLayout.fiftyFifty {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  text-align: left;
}

@media screen and (max-width: 959px) {
  .twoColumnLayout.fiftyFifty {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .twoColumnLayout.fiftyFifty {
    width: 100%;
  }
}