.img-link > a {
  text-decoration: none;
}

p{
  margin-top: 1rem!important;
}

/* Adds a bit of spacing to "Responsive Grid Row" blocks. */
.crx-grid {
  padding-top: 40px;
  padding-bottom: 40px;
}
.crx-grid .crx-grid {
  padding-top: 0;
  padding-bottom: 0;
}

.img-link {
  opacity: 1;
  transition: 0.3s;
}
.img-link:hover {
  opacity: 0.5;
  transition: 0.3s;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top-centered
{
  position: absolute;
  top: 2em;
  left: 50%;
  transform: translate(-50%, 0%);
}

.bottom-centered
{
  position: absolute;
  bottom: 2em;
  left: 50%;
  transform: translate(-50%, 0%);
}

.height-70{
  height:70vh;
}

.height-50{
  height:50vh;
}

.height-40{
  height:40vh;
}

.height-30{
  height:30vh;
}

.width-50
{
  width:50vw;
  margin:auto;
}

.width-70
{
  width:70vw;
  margin:auto;
}

@media (max-width: 1250px){

  .width-50
  {
    width:100vw;
    margin:auto;
  }

  .width-70
  {
    width:100vw;
    margin:auto;
  }
  
}



.background-size-cover{
  background-size: cover!important;
}

.background-size-scale{
  background-size: scale!important;
}

.background-size-fit{
  background-size: fit!important;
}

.background-size-contain{
  background-size: contain!important;
}

.background-position-center{
  background-position: center center!important;
}

.background-position-top{
  background-position: top!important;
}

.background-position-top{
  background-position: bottom!important;
}

.darkened-image-50{
  filter: brightness(50%);
}

.darkened-image-25{
  filter: brightness(25%);
}