/*
 * Style for hoteldp concept page.
 */

/* Concept section style */
section#conceptContainer {
    padding-top: 6em;
    padding-bottom: 6em;
}

section#conceptContainer h2 {
    font-size: 2.8em;
    line-height: 1.1em;
}

section#customer div.bgLightBlue {
    position: absolute;
    top: 4em;
    bottom: 20em;
    left: 0;
    right: 0;
}

section#customer div.row {
    position: relative;
    overflow: hidden;
}

section#customer div.row div.bg {
    width: 30%;
    height: 27em;
    margin: 0 10%;
}

section#customer div.row > div.textContainer {
    width: 30%;
    height: 25em;
    margin: 0 10%;
}

section#customer div.row div.textContainer > div {
    height: 100%;
    display: table;
}

section#customer div.row div.textContainer > div > div {
    display: table-cell;
    vertical-align: middle;
}

/* Screen size adjustments */
@media screen and (max-width: 780px) {

    /* Concept section style */
    section#customer div.row div.bg {
        margin: 0 5%;
    }

    section#customer div.row > div.textContainer {
        width: 40%;
    }
}

/* Screen size adjustments */
@media screen and (max-width: 500px) {

    /* Concept section style */
    section#customer div.row div.bg {
        margin: 0 2%;
        width: 35%;
    }
}