.latest {
    width: calc(100%+20px);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-top: 20px;
}

.latest.background {
  margin: 0;
}


.latest-block .title {
    width: 100%;
}
.latest-block .title h1 {
    margin: 0 0 10px 0 !important;
    line-height: 1.2;
}

.latest.below .block h3 {
  font-size: 2em;
}

.latest.below .block h3:after {
  content: '';
  display: block;
  height: 15px;
  margin: auto;
  border-bottom: solid #201D1D 3px;
  width: 25%;
}

.latest .block p {
    font-size: 16px;
    line-height: 22px;
    margin-left: 20px;
}

.latest .block {
    position: relative;
    flex: 1 0 26%;
    margin: 0 0 20px 20px;
    color: #000000;
    background: #ffffff;
}

.latest.background .block {
  margin: 0px;
}

.latest .block p {
    margin: 0 !important;
}


.latest .block .image {
    height: auto;
    padding-top: 66%;
    background-size: cover;
    background-color: #d6d6d6;
}

.latest.below.cols-1 .block .image {
    padding-top: 44%;
    width: 66.6666%;
    float: left;
}

.latest.background.cols-1 .block .image {
  width: 100%;
}

.latest.background .block .image {
  padding-top: 50%;
}

.latest.background.cols-2 .block .image {
  padding-top: 33%;
}

.latest .block .text {
    padding: 20px 20px 80px 20px;
    height: auto;
    overflow: hidden;
    text-align: center;
}


.latest.background .block .text {
    position: absolute;
    display: flex;
    padding: 20px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.25);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: background-color 1s;
}
.latest.background .block .text:hover {
  background-color: rgba(0,0,0,0.8);
}

.latest.background .block .text h3 {
font-size: 2em !important;
text-transform: uppercase !important;
color: #ffffff !important;
}

.latest.background .block .text .start_date {
  color: #ffffff !important;
}

.latest .block .text .readmore {
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    padding: 10px 0;
    width: 100%;
    left: 0px;
}

.latest.below.cols-1 .block .text {
    position: relative;
    height: 100%;
    width: 33.33333%;
    float: left;
    text-align: left;
}

.latest.below.cols-1 .block .text .readmore {
    position: relative;
    margin-top: 20px;
}

.latest.below.cols-1 .block h3:after {
    margin: 0;
}

.latest.side .block .text {
  width: 50%;
  float: left;
  padding: 0 20px 0 20px;
  text-align: left;
}

.latest.side .block .text .readmore {
    position: static;
  }

.latest.side .block .image {
    padding-top: 50%;
    width: 50%;
    float: left;
}


.latest.cols-1 .block {
    flex: 1 0 80%;
}

.latest.cols-2 .block:nth-child(2n+1), .latest.cols-2 .block:nth-child(2n+2),
.latest.cols-4 .block:nth-child(2n+1), .latest.cols-4 .block:nth-child(2n+2),
.latest.cols-5 .block:nth-child(5n+1), .latest.cols-5 .block:nth-child(5n+2),
.latest.cols-7 .block:nth-child(7n+1), .latest.cols-7 .block:nth-child(7n+2),
.latest.cols-7 .block:nth-child(7n+6), .latest.cols-7 .block:nth-child(7n+7),
.latest.cols-8 .block:nth-child(8n+1), .latest.cols-8 .block:nth-child(8n+2),
.latest.cols-10 .block:nth-child(5n+1), .latest.cols-10 .block:nth-child(5n+2),
.latest.cols-11 .block:nth-child(11n+1), .latest.cols-11 .block:nth-child(11n+2),
.latest.cols-13 .block:nth-child(13n+1), .latest.cols-13 .block:nth-child(13n+2),
.latest.cols-13 .block:nth-child(13n+6), .latest.cols-13 .block:nth-child(13n+7),
.latest.cols-14 .block:nth-child(7n+1), .latest.cols-14 .block:nth-child(7n+2),
.latest.cols-14 .block:nth-child(7n+6), .latest.cols-14 .block:nth-child(7n+7),
.latest.cols-16 .block:nth-child(8n+1), .latest.cols-16 .block:nth-child(8n+2),
.latest.cols-17 .block:nth-child(17n+1), .latest.cols-17 .block:nth-child(17n+2),
.latest.cols-19 .block:nth-child(19n+1), .latest.cols-19 .block:nth-child(19n+2),
.latest.cols-19 .block:nth-child(19n+9), .latest.cols-19 .block:nth-child(19n+10),
.latest.cols-20 .block:nth-child(20n+1), .latest.cols-20 .block:nth-child(20n+2)
{
    flex: 1 0 45%;
}

/*.latest > :first-child { margin-left: 0 !important; }
.latest > :last-child { margin-right: 0 !important; }*/

.latest .block h3 {
    line-height: 1;
    display:block;
    margin: 0 0 10px 0;
}

.latest .block:before {
    content:'';
    float:left;
    padding-top:100%;
}

.latest.background .block:before, .latest.side .block:before {
    padding-top:0 !important;
}

.latest.below.cols-1 .block:before {
    padding-top:33.33333%;
}

.latest.below.cols-2 .block:before {
    padding-top: 66.66666%;
}

.latest.side .block {
  flex: 1 0 45%;
  max-width: 48%;
}



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

  .latest.side .block {
    flex: 1 0 90%;
    max-width: 100%;
  }
	
  .latest.side .block .text, .latest.side .block .image {
	  width: 100%;
	}
	
	.latest.side .block .text {
padding: 20px 0;
}
	
	.latest.side .block .image {
padding-top: 100%;

}

  .latest.background .block .image {
    padding-top: 60%;
  }

    .latest .block, .latest.cols-1 .block,
    .latest.cols-2 .block:nth-child(2n+1), .latest.cols-2 .block:nth-child(2n+2),
    .latest.cols-4 .block:nth-child(2n+1), .latest.cols-4 .block:nth-child(2n+2),
    .latest.cols-5 .block:nth-child(5n+1), .latest.cols-5 .block:nth-child(5n+2),
    .latest.cols-7 .block:nth-child(7n+1), .latest.cols-7 .block:nth-child(7n+2),
    .latest.cols-7 .block:nth-child(7n+6), .latest.cols-7 .block:nth-child(7n+7),
    .latest.cols-8 .block:nth-child(8n+1), .latest.cols-8 .block:nth-child(8n+2),
    .latest.cols-10 .block:nth-child(5n+1), .latest.cols-10 .block:nth-child(5n+2),
    .latest.cols-11 .block:nth-child(11n+1), .latest.cols-11 .block:nth-child(11n+2),
    .latest.cols-13 .block:nth-child(13n+1), .latest.cols-13 .block:nth-child(13n+2),
    .latest.cols-13 .block:nth-child(13n+6), .latest.cols-13 .block:nth-child(13n+7),
    .latest.cols-14 .block:nth-child(7n+1), .latest.cols-14 .block:nth-child(7n+2),
    .latest.cols-14 .block:nth-child(7n+6), .latest.cols-14 .block:nth-child(7n+7),
    .latest.cols-16 .block:nth-child(8n+1), .latest.cols-16 .block:nth-child(8n+2),
    .latest.cols-17 .block:nth-child(17n+1), .latest.cols-17 .block:nth-child(17n+2),
    .latest.cols-19 .block:nth-child(19n+1), .latest.cols-19 .block:nth-child(19n+2),
    .latest.cols-19 .block:nth-child(19n+9), .latest.cols-19 .block:nth-child(19n+10),
    .latest.cols-20 .block:nth-child(20n+1), .latest.cols-20 .block:nth-child(20n+2)
    {
        flex: 1 0 90%;
    }

    .latest, .latest .block {
      margin-left: 0;
      margin-right: 0;
    }

    .latest > :first-child { margin-top: 0 !important; }
    .latest > :last-child { margin-bottom: 0 !important; }


    .latest.cols-1 .block:before, .latest.cols-2 .block:before {
    padding-top: 100%;
    }

    .latest.cols-1 .block .text,  .latest.cols-1 .block .image {
    height: 50%;
    width: 100%;
    float: none;
    }
}

    /*.threeblocks > :first-child { margin-top: 0 !important; }
    .threeblocks > :last-child { margin-bottom: 0 !important; }*/

}