#contact-banner{
    background: url(images/contact.jpg) no-repeat center;
    background-size: cover;
    height: 610px;
    color: #FFF;
    .container{
        height: 100%;
        .banner-row{
            height: 100%;
            display: flex;
            align-items: flex-end;
            p{
                margin-bottom: 100px;
                font-size: 18px;
            }
            h1{
                font-size: 60px;
                color: #E1A645;
            }
        }
    }
}
#office{
     color: #3C3C3B;
    padding: 100px 0;
    .contact-form{
        background: #F2F2F2;
        padding: 30px;
    }
    input[type="text"], input[type="email"]{
        width: 100%;
        background: 0;
        border: 0;
        border-bottom: 1px solid #3C3C3B;
        outline: none;
    }
    .socialise{
        margin-top: 80px;
    }
    button{
        background: #0D2D40;
        height: 30px;
        color: #FFF;
        font-size: 12px;
        border: 0;
        width: 88px;
        border-radius: 30px;
    }
    .space{
        height: 30px;
    }
    h2{
        font-size: 24px;
       
    }
    ul{
        list-style: none;
        margin: 20px 0 0 0;
        padding: 0;
        li{
            display: inline-block;
        }
    }
    .d-flex{
        width: 100%;
        margin-top: 20px;
        div{
            width: 20px;
        }
        p{
            width: calc( 100% - 20px );
            margin-bottom: 0;
        }
    }
}
#map{
    padding-bottom: 70px;
}