html,body{
    height:100%;
}
body {
    /*background-image:url("../images/gbs-raisley-banner_3-v2-2560x1280.jpg");*/
    background-image:url("../images/gbs-bg-2024.jpg");
    background-size: cover;
    position: relative;
}
.grow { transition: all .3s ease-in-out; }
.grow:hover, h2 a.grow:hover { transform: scale(1.05); }

h2.grow:hover {
    font-size:2.6vw;
    line-height: 2.6vw;
}

.flex-fill {
    flex:1;
}

.row div[class^="col"]:first-child img, .row div[class^="col-"]:last-child img {
    border:1.1vw solid #FFF;
    width:100%;
    box-shadow: -1px 2px 36px -3px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 2px 36px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 36px -3px rgba(0,0,0,0.75);
}
.row div[class^="col"]:first-child {
    padding-left: 8.7%;
    cursor: pointer;
    z-index:200;
}
.row div[class^="col"]:last-child {
    padding-right: 8.7%;
    cursor: pointer;
    z-index:200;
}

a, a:hover, a:visited, a:focus {
    color:#FFF!important;
    text-decoration: none;
}
.contact a, .contact a:hover, .contact a:visited, .contact a:focus {
    font-size:28px;
    font-weight:600;

}
#logo {
    width:100%;
}

h2 {
    font-family: "vaud_displayregular",Arial,sans-serif;
    font-size:2.4vw;
    color: #FFF;
    line-height: 2.4vw;
    font-weight: bold;
    background-color: #F36F21;
    display: inline;
    word-wrap: break-word;
    padding: 0 2px 0 0;
    box-shadow: 30px 0 0 #f17023, -30px 0 0 #f17023;
    position: relative;
    left: 30px;
    bottom:40px;
    margin:auto;

    display: inline-block;
    padding:10px;
}
.heading {
    margin-left: 20%;
}
.row div[class^="col"]:first-child .heading {
    margin-left: 24%;
}

#transparent-img-left, #transparent-img-right {
    border:0;
    position:absolute;
    top:0;
    left:0;
    width:41vw;
    height:100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: pointer;
    z-index:1;
}
#transparent-img-right {
    left:unset;
    right:0;
}

@media (max-width:541px) {
    body {
        /*background-image:url("../images/GBS web banner portrait-800x1600.jpg");*/
        background-image:url("../images/gbs-bg-mobile-2024.jpg");
    }
    h2 {
        font-size: 8vw;
        line-height: 8vw;
        bottom:7vw;
    }
    #logo {
        width:50%;
    }

    .row div[class^="col"]:first-child {
        margin-top: 70px;
    }
    .row div[class^="col-"]:last-child {
        margin-top: 120px;
    }

    .row div[class^="col"] {
        padding:0 30px!important;
    }
    .heading {
        margin-left: 4vw;
    }
    .row div[class^="col"]:first-child .heading {
        margin-left: 10vw;
    }
    .row div[class^="col"].contact {
        padding-bottom:40px!important;
    }
}
@media (max-width:1380px) and (min-width: 541px) {
    .align-self-end {
        align-self:center!important;
        padding-top:20vw;
    }
}
@media (max-width:1024px) and (min-width: 768px) {
    .align-self-end {
        align-self:center!important;
        padding-top:unset;
    }
}
@media (max-width: 767px) {
    #transparent-img-left, #transparent-img-right {
        display: none;
    }
    .row div[class^="col"]:first-child img, .row div[class^="col-"]:last-child img {
        border: 2.7vw solid #FFF;
    }
}