﻿
.alignText {
    text-align: center;
}
nav.box-shadow {
    z-index: 1;
}

.sideBySideTextBlock {
    max-width: 550px;
    margin: 0 auto;
}

a.btnLightBlue {
    display: table;
    margin: 0 auto;
}

.contactIcon {
    max-width: 30px;
}

.sideBySideImageBlock.book {
    max-width: 774px;
}

.sideBySideImageBlock.chuck {
    max-width: 533px;
}
.bg-PlusMinus {
  background-color: #1C53D4;
  color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
  background-size: cover;
  background-image: none;
}

.blueTextBackground {
  background-color: #1c53d4;
  color: #fff;
  font-size: 1.65em;
  line-height: 1.6em;
}
span.blueTextBackground.colorAlt {
  background-color: #1c53d4;
}

.bg-gray {
  background-color: #FCF8F3;
}

.gridBackground2 {
    background: url(/images/allInclusiveTV/grid-background-mobile.png)no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .gridBackground2 .row {
        max-width: 550px;
        margin: 0 auto;
    }

p.largeFontSize {
    font-size: 1.2em;
}

.emailFormWidth {
    width: 520px;
    max-width: 520px;
}

.form-control, .emailForm .btn {
    height: 50px;
    text-align: center;
    min-width: 0;
}

.clientImg {
    max-width: 290px;
    display: block;
    margin: 0 auto;
}

/* === col-sm large mobile >= 576px wide === */
@media only screen and (min-width: 576px) {
    .container {
        padding: 30px;
    }

    .black-box-shadow {
        box-shadow: none;
    }

        .black-box-shadow .row {
            box-shadow: 0 3px 6px rgba(0,0,0,0.29);
        }

    h1 span {
        display: block;
    }
}

/* === col-md tablet >= 768px) === */
@media only screen and (min-width: 768px) {
    .gridBackground2 {
        background: url(/images/allInclusiveTV/grid-background-tablet.png)no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .form-control {
        text-align: left;
    }
}
/* === col-lg laptop (>= 992px wide) === */
@media only screen and (min-width: 992px) {
    .backgroundImageBook {
        background-image: url('/images/allInclusiveTV/Book_3D_Image_01-600x600.jpg');
        background-size: 600px 600px;
        height: 600px;
        background-repeat: no-repeat;
        position: relative;
        background-position-x: 110%;
    }

    .backgroundImageChuck {
        background-image: url('/images/allInclusiveTV/ChuckHengel__Image.jpg');
        background-size: 600px 474px;
        height: 474px;
        background-repeat: no-repeat;
        position: relative;
        background-position-x: 110%;
    }

    .sideBySideTextBlock {
        position: absolute;
        left: 11%;
        top: 100px;
        width: 437px;
    }

    .backgroundImageChuck .sideBySideTextBlock {
        width: 356px;
        top: 5px;
    }

    a.btnLightBlue {
        display: table;
        margin: 0;
    }

    .gridBackground2 {
        background: url(/images/allInclusiveTV/grid-background.png)no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        .gridBackground2 .row {
            max-width: 100%;
        }
    .alignText {
        text-align: left;
    }
}

@media only screen and (min-width: 1100px) {
    .backgroundImageChuck .sideBySideTextBlock {
        width: 455px;
        top: 50px;
    }
}
/* === col-xl desktop (>= 1200px wide) === */
@media only screen and (min-width: 1200px) {
    .sideBySideTextBlock {
        position: absolute;
        left: 178px;
        top: 100px;
        width: 556px;
        max-width: 556px;
    }

    .backgroundImageChuck .sideBySideTextBlock {
        width: 478px;
        top: 50px;
    }

    .backgroundImageBook, .backgroundImageChuck {
        background-position-x: right;
    }
}

@media only screen and (min-width: 1430px) {
    .backgroundImageBook {
        background-image: url('/images/allInclusiveTV/Book_3D_Image_01-800x800.jpg');
        background-size: 800px 800px;
        height: 800px;
    }

    .backgroundImageChuck {
        background-image: url('/images/allInclusiveTV/ChuckHengel__Image.jpg');
        background-size: 800px 632px;
        height: 632px;
    }

    .sideBySideTextBlock {
        left: 237px;
        top: 150px;
        width: 556px;
    }

    .backgroundImageChuck .sideBySideTextBlock {
        top: 95px;
    }
}

@media only screen and (min-width: 1630px) {
    .backgroundImageBook {
        background-image: url('/images/allInclusiveTV/Book_3D_Image_01.jpg');
        background-size: 1000px 1000px;
        height: 1000px;
    }

    .backgroundImageChuck {
        background-image: url('/images/allInclusiveTV/ChuckHengel__Image.jpg');
        background-size: 1000px 789px;
        height: 789px;
    }

    .sideBySideTextBlock {
        left: 298px;
        top: 200px;
        width: 556px;
    }
}
