.portfolio-3 .sorting-item { padding: 0px;}

.portfolio-3 .sorting-item, .portfolio-3 .grid-sizer { width: 100%;}

.portfolio-landing-entry-2 {
  height: 500px;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.portfolio-landing-entry-2 .text-content {
  float: left;
  width: 50%;
  position: relative;
  height: inherit;
  background-color: #F1F1F1;
}

.up_title {
  font-family: "Italiana", sans-serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #214254;
  margin-block: 10px;
  line-height: 1.2;
}

.simple-article.grey {
  color: #232323;
}
 
.upcoming_flex { display: flex; justify-content: space-between; }

.left_upcoming {
  height: 500px;
  position: relative;
 width: 50%;
}
.right_upcoming {
  height: 500px;
  position: relative;
 width: 50%;
 padding: 20px;
 display: flex;
 align-items: start;
 flex-direction: column;
  text-align: left;
  justify-content: center;
  background-color: #FBFBFB;
}

.portfolio-landing-entry-2 .mouseover {
  float: left;
  width: 100%;
  height: inherit;
}

@media screen and (max-width:767px){

.left_upcoming {
  height: auto;
  position: relative;
  width: 100%;
} 

.upcoming_flex {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.right_upcoming {
  height: auto;
  position: relative;
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: start;
  flex-direction: column;
  text-align: left;
  justify-content: unset;
    background-color: #FBFBFB;
}

.mob_mt0{ margin-top: 0px;}
  
.portfolio-landing-entry-2 { height: 480px;}

}