.site-content {
  max-width: 1050px;
  margin: auto;
  padding: 0 0 1em 0;
  position: relative;
}

.content-area {
	width: 100%;
	float: left;
	background: #ffffff;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(13,13,13,0.1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(13,13,13,0.1);
	box-shadow: 0px 1px 3px 0px rgba(13,13,13,0.1);
	    padding: 2.5em 4em;
	    text-align: justify;
}
.relatedBox{ 
background: #e7e7e7;
}
.title-related {
    text-align: center;
}

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.theImgRelated {
    margin: 0px 5px;
    width:32%;
    float:left;
    padding-bottom: 1em;
}

.blockRelatedImg {
    position: relative;
    overflow: hidden;
}

.imgRelated {
    padding: 0 1em;
}

.box-grid {
  display: grid;
  place-items: center;
  height: 300px;
    overflow: hidden;
}
.box-grid img{
    min-width: 100%;
    min-height: 100%;
}
.container-grid {
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr 1fr;
}

.a-grid{
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.15em;
  padding: 0px 20px;
  background: transparent;
  border: 2px solid #404040;
  color: #404040 !important;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 768px){
.container-grid {grid-template-columns: 1fr;}
}