.mainentryrow{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media only screen and (max-width: 479px){
  .mainentryrow{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
}



.mainentrywrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 96%;
    height: 15rem;
}

@media only screen and (max-width: 479px){
  .mainentrywrapper {
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    width: 96%;
    height: 30rem;
  }
}

.mainentrywrapper a{
    display: inherit;
    flex-basis: 50%;
    text-decoration: none;
}

.mainentrycontainer {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
}
   
.mainentrycontainer:after {
   top: 0;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #ffffff;
   border-width: 24px;
   left: 50%;
   margin-left: -24px; 
   transform: rotate(180deg);
}   

@media only screen and (max-width: 479px){
  .mainentrycontainer:after {
      top: 42%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ff7900;
      border-width: 24px;
      left: 0;
      margin-left: 0;
      transform: rotate(90deg);
  }
}

.centeredtitle {
    display: flex;
    color: #ff7900;
    font-family: arial,helvetica,sans-serif;
    font-size: 30px;
    font-weight: 400;
    padding-left: 1em;
    padding-right: 1em;
}
.centeredtext {
    display: flex;
    color: white;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
}