#template3{  height: calc( 100vh - (3.7vw + 90px));}
    
 #template3 .p-item .animate-up-layer {
     background:url('../img/trans-green.png');
     background-repeat:repeat;
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     height:20%;
     padding:1rem;
     color:white;
     background-position:center;
     text-align: center;
     display: table;
    }
 
    #template3 .p-item {
        cursor:pointer;
        position:relative;
            height:calc( (100vh - (3.7vw + 90px) )/2);
            background-size: cover;
            display:table;
           padding:0;
    }
    #template3 .p-item  h3 {
        text-transform:uppercase;
       text-align:center;
        /*display:table-cell;*/
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
        #template3 .p-item h3 a, #template3 .p-item h3 a:hover, #template3 .p-item h3 a:visited {
            color:white;
        }
     
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
      #template3 .casting {
            height:50vw;
            background-size: cover;
    }
}
@media screen and (max-width: 39.9375em){
div#top_content {
    height: auto !important;
}
 #template3 .casting {
            height:100vw;
            background-size: cover;
    }
}