/**********************************/
/*  CT Custom Font                */
/*  VTF Redzone classic oblique   */

@font-face {
font-family: 'VTFRedzone';
src: 
url('https://www.sefiles.net/merchant/6399/files/VTRedzoneClassic-ClassicOblique.woff') format('woff'),
src: url('https://www.sefiles.net/merchant/6399/files/VTRedzoneClassic-ClassicOblique.woff2') format('woff2');
}

.grid-container-element { 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-gap: 5px; 
  border: 0px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
 } 

 .grid-child-element { 
  margin: 10px; 
  border: 0px;; 
 }

 .rcorners {
  border-radius: 25px;
  border: 2px solid #a70d0d;
  background-color: #d68484;
  padding: 20px; 
}

/* Two by two advertiser */
.ct_grid{
 display: grid;
 grid-template-columns: 50% 50%; /* % Determines image size */
 grid-template-rows: 1fr;
 grid-gap: 10px;
 justify-content: center;
}

.ct_grid_item {
position:relative;
}

@media screen and (max-width: 600px){
 .ct_grid{
 grid-template-columns: repeat(1, 1fr);
 }
}


/* 3 equal columns on wider screens */
.column {
 float: left;
 width: 33.33%;
position: relative;
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other - for narrow (portrait) screens */
@media screen and (max-width: 600px) {
 .column {
 width: 100%;
 }
}

/* Lighten the column (image) on hover */
.column: hover {
opacity: 0.5;
}

/* Clear floats after the columns */
.row:after {
 content: "";
 display: table;
 clear: both;
}

div.innerText_ads{
position: absolute;
z-index: 20;
 top: 50%;
 left: 50%;
font-size: 5rem;
 transform: translate(-50%, -50%);
white-space: nowrap;
overflow: hidden;
text-shadow:
 -1px -1px 0 #000, 
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
}

div.innerText{
 position: absolute;
 top:70%;
 left: 5%;
text-shadow:
 -1px -1px 0 #000, 
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;
}

#mainPageImage:hover {
opacity: 0.8;
}

#mainPageImage {
opacity: 1;
transition: opacity 0.3s ease-in-out;
display: block; 
vertical-align: top; 
margin: 0px auto; 
text-align: center;
}

.mainPageImageLargeText {
font-size: 2.875rem; 
color: rgb(255, 255, 255);
}

.mainPageImageSmallText {
font-size: 2rem; 
color: rgb(255, 255, 255);
}

#AdsImage:hover {
/* opacity: 0.8; */
transform: scale(1.05);
z-index: 10;
}

#AdsImage {
position: relative;
display: block; 
vertical-align: top; 
margin: 0px auto; 
text-align: center;
/* opacity: 1; */
transform: scale(1);
transition: transform 0.3s ease-in-out;
}

.mainPageHeadingBGBlue {
background-color: rgb(0, 184, 220);
padding: 7rem;
}

.mainPageHeadingBGWhite {
background-color: rgb(255, 255, 255);
padding: 7rem;
}