#cagesoffear-link::before {
    visibility: visible;
}

#cagesoffear-link::after {
    visibility: visible;
}

.three-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0px 0px 0px 0px;
    background-color:white;
    border: 10px solid white;
    border-bottom: 0px;
    box-shadow: 0px 0px;
    gap: 10px;
    align-items: start;
    align-content: start;
    padding: 5px 10px 5px 10px;
}

.three-grid a:hover{
    padding: 10px;

}
.three-grid a{
    box-shadow: 0px 0px;
    max-width: 200px;
}

.three-grid p{
    font-style: normal;
    margin: -2px 5px 0px 0px;
}

.three-grid p::after{
    visibility: hidden;
}

.three-grid a p::after{
    visibility: visible;
}

.three-grid a p{
    padding: 0px;
    font-style: italic;
    text-align: right;
}

.three-grid p:after{
    content: url(../img/icons/arrow-right1a.png);
}

.item-1{
    grid-area: 2 / 1 / span 1 / span 1;
    align-self: start;
}

.item-2{
    grid-area: 2 / 2 / span 1 / span 1;
    align-self: start;
}

.item-3{
    grid-area: 2 / 4 / span 1 / span 1;
    align-self: start;
}

.p-1{ 
    grid-area: 1 / 1 / span 1 / span 2;
}

.p-2{ 
    grid-area: 1 / 4 / span 1 / span 2;
}


.three-grid div{
    font-size: 14pt;
    padding: 10px;
}
#three-grid-label:hover {
opacity: 100;
}

.flag-us:before {content: url(../img/flags/us.jpg); margin-right: 6px; margin-top: -10px;}
.flag-uk:before {content: url(../img/flags/uk.jpg); margin-right: 6px;}
.flag-ca:before {content: url(../img/flags/ca.jpg); margin-right: 6px;}
.flag-au:before {content: url(../img/flags/au.jpg); margin-right: 6px;}
.flag-fr:before {content: url(../img/flags/fr.jpg); margin-right: 6px;}
.flag-de:before {content: url(../img/flags/de.jpg); margin-right: 6px;}
.flag-it:before {content: url(../img/flags/it.jpg); margin-right: 6px;}
.flag-mx:before {content: url(../img/flags/mx.jpg); margin-right: 6px;}
.flag-br:before {content: url(../img/flags/br.jpg); margin-right: 6px;}
.flag-in:before {content: url(../img/flags/in.jpg); margin-right: 6px;}
.flag-jp:before {content: url(../img/flags/jp.jpg); margin-right: 6px;}
.flag-pl:before {content: url(../img/flags/pl.jpg); margin-right: 6px;}
.flag-se:before {content: url(../img/flags/se.jpg); margin-right: 6px;}
.flag-nl:before {content: url(../img/flags/ne.jpg); margin-right: 6px;}

.four-grid p {
    margin-top: -29px;
    margin-bottom: 0px;
    line-height: 2;
    padding-bottom: 0px;
}

.icon-format:before {
    background-image: url(../img/icons/pages1a.png); 
    display: inline-block; 
    margin-right: -2px; 
    background-size: 24px 15px;
    width: 24px; 
    height: 15px;
    content:"";}

.icon-pages:before {
    background-image: url(../img/icons/pages1a.png); 
    display: inline-block; 
    margin-right: -2px; 
    background-size: 24px 15px;
    width: 24px; 
    height: 15px;
    content:"";}

.icon-ages:before {
    background-image: url(../img/icons/age1a.png); 
    display: inline-block; 
    margin-right: -5px; 
    background-size: 24px 15px;
    width: 24px; 
    height: 15px;
    content:"";}

.icon-player:before {
    background-image: url(../img/icons/player1a.png); 
    display: inline-block; 
    margin-right: -3px; 
    background-size: 24px 15px;
    width: 24px; 
    height: 15px;
    content:"";}

.icon-language:before {
    background-image: url(../img/icons/language1a.png); 
    display: inline-block; 
    margin-right: -1px; 
    background-size: 24px 15px;
    width: 24px; 
    height: 15px;
    content:"";}

.white-bg {
    padding-bottom: 60px;
}

.title-img-holder{
    padding: 0px 20px 0px 20px;
}

.title-img {
    background-image:url(../img/splash/cages-of-fear-splash2a.jpg) ;
    background-position: center center;
    margin: auto;
    max-width: 1060px;
    height: 327px;
}

button:hover {
    opacity: 100%;
}

#popover-img-1 {background-image: url(../img/splash/cages-of-fear-pages1a.jpg);}
#popover-img-2 {background-image: url(../img/splash/cages-of-fear-pages2a.jpg);}
#popover-img-3 {background-image: url(../img/splash/cages-of-fear-pages3a.jpg);}

#splash-1 {background-image: url(../img/splash/cages-of-fear-pages1a.jpg);}
#splash-2 {background-image: url(../img/splash/cages-of-fear-pages2a.jpg);}
#splash-3 {background-image: url(../img/splash/cages-of-fear-pages3a.jpg);}

@media (max-width: 834px){
.three-grid {grid-template-columns: 1fr 1fr; justify-items: start;}
.p-1{grid-area: 1 / 1 / span 2 / span 1; display: none;}
.item-1{grid-area: 2 / 1 / span 1 / span 1; margin-bottom: -10px;}
.item-2{grid-area: 2 / 2 / span 1 / span 1; margin-bottom: -10px;}
.p-2{grid-area: 3 / 1 / span 2 / span 1 ; display: none;}
.item-3{grid-area: 4 / 1 / span 1 / span 1; margin-bottom: -10px;}
.title-img{height: 250px; background-size: cover;}
}

@media (max-width: 420px) {
.title-img{height: 250px; background-size: cover;}
}