#mainBanner,
#mainIntro.airbnb {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
#mainBanner,
#whyChoose {
    margin-bottom: 5rem;
}
.gold,
.green {
    padding: 20px 0;
}
#mainBanner {
    width: 100%;
    position: relative;
    background-color: #001c4d;
    background-image: url("/images/landlord-bg.jpg");
    padding: 8rem 0;
    min-height: initial;
    height: auto;
}
#mainIntro.airbnb {
    background-image: url("/images/air-bnb-banner.jpg");
    padding: 12rem 2rem;
    margin-bottom: 0;
}
#mainIntro.new h2 {
    margin-bottom: 40px;
    font-size: 2rem;
}
#mainIntro.airbnb h2 {
    margin-bottom: 10px;
    font-size: 2.2rem;
}
#mainIntro.airbnb h3 {
    font-size: 4.2rem;
    font-weight: 600;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 20px;
    color: #021e49;
    max-width: 85%;
}
.three-col-gold h2{
	font-size: 48px;
}
.three-col-gold h3{
	font-size: 32px;
	font-weight: 600;
}
.tenants-form h2{
	font-size: 48px;
	color: #021e49;
}
.gold-button{
	background-color: #a48c54;
	border-color: #a48c54;
}
.gold-button:hover{
	background-color: #fff;
	border-color: #021e49;
	color: #021e49;
}
.gold-text{
	color: #a48c54;
}
.gold {
    background-color: #a48c54;
}
.gold h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}
.gold h1 span {
    font-weight: 200;
}
.gold p,
.green h1 span {
    font-weight: 600;
}
.green {
    background-color: #b6f9c9;
}
.green h1 {
    font-weight: 200;
    text-transform: uppercase;
}
.green p {
    font-size: 14px;
}
.green p em {
    font-size: 12px;
}
.dblue {
    background-color: #021e49;
    color: #fff;
}
.dblue h2 {
    color: #b8a56c;
}
#mainBanner.about {
    background-image: url("/images/about.jpg");
}
#mainBanner.selling {
    background-image: url("/images/banners/selling.jpg");
    background-size: unset;
}
#mainBanner.tenants {
    background-image: url("/images/banners/tenants.jpg");
}
#mainBanner.maintenance {
    background-image: url("/images/banners/maintenance.jpg");
}
#mainBanner.investors {
    background-image: url("/images/banners/investors.jpg");
}
#mainBanner.airbnb {
    background-image: url("/images/banners/air-bnb.jpg");
    background-size: cover;
    background-position: center center;
    margin-bottom: 0;
    min-height: 500px;
    padding: 6rem 0;
}
#mainBanner.social-housing {
    background-image: url("/images/banners/social-housing.jpg");
}
#mainBanner.landlord-partnerships {
    background-image: url("/images/banners/landlord-partnerships.jpg");
}
#mainBanner h1 {
    font-size: 3.8rem;
    color: #b1a66b;
    text-align: left;
    margin-bottom: 35px;
}
#mainBanner.airbnb h1 {
    color: #fff;
    margin-bottom: 0;
}
#mainBanner h2 {
    text-align: left;
    font-size: 4.2rem;
    line-height: 5rem;
    color: #fff;
    margin-bottom: 30px;
}
#mainBanner.airbnb h2 {
    color: #b1a66b;
}
#mainBanner.airbnb img {
    width: 100px;
}
#mainBanner.social-housing h2 {
    font-size: 1.75rem;
    line-height: 1.5;
	width: 100%;
}
#mainIntro:not(.airbnb) h2 {
    background-color: transparent;
    color: #021e49;
    font-weight: 200;
    margin-bottom: 0;
}
#mainIntro .col-md-4 {
    background-color: #fff;
    padding: 0;
}
#mainIntro p.gold {
    color: #a48c54;
    font-size: 18px;
    background-color: transparent;
}
#mainIntro .row {
    align-items: initial;
}
#mainIntro .col-md-8 {
    padding: 30px;
}
@media screen and (min-width: 1024px) {
    .gold h1,
    .gold h2 {
        font-size: 36px;
    }
    #mainIntro p.gold {
        color: #a48c54;
        font-size: 24px;
    }
    .green h1 {
        font-size: 46px;
    }
    .green p {
        font-size: 24px;
    }
    .green p em {
        font-size: 16px;
    }
    #mainIntro .col-md-8 {
        padding: 50px;
    }
    #mainBanner.landlord,
    #mainBanner.selling,
    #mainBanner.tenants {
        padding: 4rem 0;
    }
    #mainBanner.landlord h1 {
        font-size: 2rem;
    }
    #mainBanner.landlord p {
        font-size: 1rem;
        line-height: 1.5;
    }
    #mainBanner.selling {
        background-position: center;
    }
    #mainBanner.investors,
    #mainBanner.maintenance,
    #mainBanner.tenants,
	#mainBanner.social-housing,
	#mainBanner.landlord-partnerships {
        background-size: cover;
        background-position: center;
    }
}
@media screen and (min-width: 1440px) {
    .landlordExpertise {
        padding: 8rem 0 10rem;
    }
    #mainBanner.landlord,
    #mainBanner.selling,
    #mainBanner.tenants {
        padding: 8rem 0;
        background-size: cover;
        background-position: center;
    }
    #mainBanner.landlord h1 {
        font-size: 3.8rem;
    }
    #mainBanner.landlord p {
        font-size: 2rem;
        line-height: 3rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .gold h1 {
        font-size: 30px;
        text-align: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .landlordService .col-md-4,
    .landlordService .col-md-8 {
        width: 50%;
    }
    #mainBanner {
        height: auto;
    }
    #mainBanner img {
        width: 100%;
        min-width: initial;
        height: auto;
    }
    #mainBanner h1 {
        width: 100%;
        transform: initial;
        margin-left: 0;
    }
    #mainBanner h1.wrap {
        white-space: initial;
        min-width: 60%;
        bottom: auto;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1323px) and (orientation: portrait) {
    #mainBanner,
    #mainBanner.landlord {
        height: auto;
        background-size: auto;
    }
    #mainBanner.tenants {
        background-position: center;
    }
}
@media screen and (min-device-width: 1600px) and (min-device-height: 1050px) and (orientation: portrait) {
    #mainBanner {
        min-height: initial;
        height: 400px;
    }
    #mainBanner .icon {
        top: 5%;
        width: 50%;
        max-width: 100px;
    }
    #mainBanner h1 {
        top: 50%;
    }
    #services .row {
        align-items: flex-start;
    }
    #propertyDetails .border-left a {
        padding: 15px 5px;
    }
    .quickLinks i {
        display: none;
    }
    #contact button {
        padding: 10px 20px;
    }
    #contact form button {
        padding: 10px 50px;
    }
}
@media screen and (min-width: 1920px) {
    #mainIntro .row {
        align-items: center;
    }
}
@media screen and (max-width: 767px) {
    #mainBanner {
        padding: 0 0 50px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 1024px) {
    #mainBanner,
    .landlordService {
        margin-bottom: 50px;
    }
    #mainBanner {
        padding: 40px;
    }
    #mainBanner h1 {
        font-size: 2.2rem;
        font-weight: 600;
    }
    #mainBanner p {
        font-size: 1.2rem;
        line-height: 1.4rem;
        width: 100%;
    }
    #mainBanner a {
        font-size: 0.9rem;
        padding: 10px;
        margin-top: 30px;
    }
    #mainBanner.investors,
    #mainBanner.landlord,
    #mainBanner.maintenance,
    #mainBanner.selling,
    #mainBanner.tenants,
	#mainBanner.social-housing,
	#mainBanner.landlord-partnerships {
        background-position: center;
        background-size: cover;
    }
    .landlordExpertise {
        margin-top: 0;
        background-color: #021e49;
        background-image: initial;
        padding: 30px;
    }
    .landlordService .row {
        padding-bottom: 50px;
    }
    .landlordExpertise h2 {
        margin-bottom: 30px;
    }
    .landlordExpertise li {
        font-size: 1rem;
    }
}
@media screen and (max-width: 1450px) {
    #mainIntro.airbnb h3 {
        font-size: 3rem;
    }
}
@media screen and (max-width: 1350px) {
    #mainIntro.airbnb {
        background-size: 34%;
        padding: 5rem 2rem;
    }
}
@media screen and (max-width: 1320px) {
    #mainBanner.airbnb {
        background-position: right -131px center;
    }
    #mainIntro.airbnb {
        background-size: 30%;
    }
}
@media screen and (max-width: 1250px) {
    #mainBanner.airbnb {
        background-position: right -285px center;
    }
    #mainIntro p {
        width: 80%;
    }
}
@media screen and (max-width: 1200px) {
    .landlordExpertise {
        background-image: unset;
    }
}
@media screen and (max-width: 1050px) {
    #mainBanner.airbnb {
        background-position: right -400px center;
    }
}
@media screen and (max-width: 992px) {
    #mainIntro.airbnb {
        background-size: 45%;
    }
    .airbnb .container-fluid.no-padding {
        padding-left: 25px;
    }
    #mainBanner.airbnb {
        background-position: right -500px center;
    }
    #mainBanner.airbnb h1 {
        font-size: 3.8rem;
    }
    #mainBanner.airbnb h2 {
        font-size: 3.6rem;
    }
    #mainBanner.landlord .container-fluid#airbnbLogo {
        position: absolute;
        right: 10px;
        top: 90px;
        width: 104px;
        margin: 0;
        left: initial;
        height: auto;
    }
    #mainIntro.airbnb h3 {
        font-size: 3rem;
    }
    #mainIntro p {
        width: 80%;
    }
}
@media screen and (max-width: 768px) {
    #mainIntro.airbnb {
        background-size: 35%;
        padding: 2rem;
    }
    #mainBanner.airbnb {
        background-position: right -328px center;
    }
    #mainBanner.airbnb h2 {
        width: 100%;
        margin-left: 0;
        font-size: 3rem;
    }
    #mainBanner.airbnb h2 br {
        display: none;
    }
    #mainBanner.airbnb h1 {
        margin-top: 240px;
    }
}
@media screen and (max-width: 690px) {
    #mainBanner.airbnb h1 {
        font-size: 3rem;
        margin-top: 300px;
    }
    #mainBanner.airbnb h2 {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 576px) {
    #mainBanner,
    #mainBanner.about,
    #mainBanner.investors,
    #mainBanner.maintenance,
    #mainBanner.selling,
    #mainBanner.tenants,
    #mainBanner.social-housing,
    #mainBanner.landlord-partnerships {
        background-image: unset;
    }
    #mainBanner p {
        width: 100%;
    }
}
@media screen and (max-width: 555px) {
    #mainBanner.airbnb h1 {
        font-size: 2.8rem;
    }
    #mainBanner.airbnb h2 {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 520px) {
    #mainBanner.airbnb {
        background-position: right -340px center;
    }
    #mainBanner.airbnb h1 {
        font-size: 2.5rem;
    }
    #mainBanner.airbnb h2 {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
@media screen and (max-width: 460px) {
    #mainBanner.airbnb {
        background-position: right -420px center;
    }
}
@media screen and (max-width: 420px) {
    #mainBanner.airbnb {
        background-position: right -450px center;
    }
}