﻿/* The hero image */
.hero-image {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/carousel/buildingsh/lloydshighlevel.png');
    /*background-image: url('../img/carousel/buildingsh/lloydshighlevel.png');*/
    /* Set a specific height */
    width: 100%;
    height: 470px;
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-size: 100% 100%;*/
    /*position: relative;*/
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: -32px;
}




/* Place text in the middle of the image */
.hero-text {
    text-align: left ;
    position: relative;
    top: 60%;
    left: 10%;
    /*transform: translate(-50%, -50%);*/
    color: white;
    margin-top: 100px !important;
}

hero-form {
    text-align: right;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    margin-top: 100px;
}
