.page-template-template-splash{
    background-image: url(assets/img/TBC-southern-bg.jpg);
}
.page-template-template-splash img{
    height: auto;
    max-width:1024px;
    width: 100%;
}
.page-template-template-splash header{
    display:none;
}
.page-template-template-splash footer{
    display:none;
}
.wrap-content{
    padding: 0 4em;
    max-width: 1300px;
    margin: auto;
}
.header-splash{
    
    padding: 4em 4em 0em 4em;
    text-align: center;
}
.wrap-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5em;
    grid-row-gap: 4em;
    text-align: center;
}
.wrap-grid img{
    max-width: 100%;
}
.wrap-grid h2{
    font-weight: 700;
    font-family: 'Helvetica';  
    font-size: 23px;  
    line-height: 1.2em;
    margin: 20px 0;
}
.description{
    text-align: center;
    font-size: 23px;
    color: #f9b417;
    line-height: 1.1em;
}
.wrap-grid a{
    color: #f9b417;
    text-decoration: none;
    display: block;
    border-radius: 20px;
    padding: 2em;    
}
.wrap-grid a:hover{
    background-color: rgba(0,0,0,0.2);
}
.wrap-image{
    text-align: center;
    margin: 2em 0 0;
}
.wrap-image img{
    max-width: 500px;
    margin: 2em auto;
}
.top-btb{
    color: #f9b417;
    font-size: 23px;
    max-width: 370px;
    line-height: 1.1em;
    margin: 0 auto 1em;
    font-weight: 400;
    font-family: 'Helvetica';
    text-align: center;
}
.top-btb span{
    font-size: 20px;
    display: block;
}
.wrap-btb{
    text-align: center;
    margin: 5em 0;
}
.wrap-btb a{
    display: inline-block;
    border-radius: 500px;
    padding: 13px 25px;
    border: 2px solid #f9b417;
    color: #f9b417;
    font-size: 23px;
    font-weight: 700;
    margin: 20px;
}

.wrap-btb a:hover{
    background-color: black;
    color: #f9b417;
}
@media only screen and (max-width: 768px) {
    .wrap-grid{
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0em;
        grid-row-gap: 0em;
    }
    .top-btb span {
        font-size: 17px;
    }
    .top-btb{
        font-size: 19px;
    }
    .wrap-grid h2{
        font-size: 19px;
    }
    .wrap-btb a{
        font-size: 18px;
    }
    .wrap-content{
        padding: 0 2em;
    }
    .header-splash{
        padding: 2em 2em 0em 2em;
    }
    .wrap-grid a{
        padding: 1em 1em;
    }
    .description{
        font-size: 19px;
    }
}