.awards-table {
  background-color: white;
}

@media screen and (min-width: 1230px) {
  body.hero-image:not(.home) .hero.with-featured-image {
    padding-bottom: 50px !important;
    padding-top: 150px !important;
  }
  .hero-image .hero {
      background-position: 50% 50%;
  }
}

@media screen and (min-width: 1020px) { 
  .site {
    width: 100%;
  }
  .front-page-testimonials-wrapper, .front-page-widget-wrapper, .grid-area {
    padding-left: calc((100% - 1020px) / 2 + 72px);
    padding-right: calc((100% - 1020px) / 2 + 72px);
  }
  .front-page-widget-area {
    padding-top: 0px;   
  }

  #primary #main article {
        padding-top: 48px !important;
  }

  #primary #main article:first-child {
        padding-top: 0px !important;
  }

	.front-page-testimonials-wrapper {
		display: flex;
	    flex-wrap: wrap;
	    flex-direction: column;
	    height: 850px;
			margin-bottom: 20px;
	}

	.front-page-testimonials-wrapper article:nth-child(1) {
		height: 58%;
	}

	.front-page-testimonials-wrapper article:nth-child(2) {
		height: 32%;
	}

	.front-page-testimonials-wrapper article:nth-child(3) {
		height: 55%;
	}

}

@media screen and (min-width: 1230px) {
  .site {
      width: 100%;
  }
  .front-page-testimonials-wrapper, .front-page-widget-wrapper, .grid-area {
    padding-left: calc((100% - 1230px) / 2 + 72px);
    padding-right: calc((100% - 1230px) / 2 + 72px);
  }
  .front-page-widget-area {
  padding-top: 0px;   
  }
}

.front-page-featured-text {
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0.14);
  width: fit-content;
  padding: 5px;
  color: white;
}

.site-title {
  color: white;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
  font-family: "Noto Sans"
}

.site-header {
  background: #403f3fe3;
}

.grid .entry-summary {
  text-align: center;
}


/** for image link - front page **/
.image-link-container {
  position: relative;
  width: 100%;
}

.image-link {
  display: block;
  width: 100%;
  height: auto;
}

.image-link-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
  background-color: #403f3f;
}

.image-link-container:hover .image-link-overlay {
  opacity: 1;
}

.image-link-overlay-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}