/*
|------------------------------------------------------------------------------------
|	LANDING PAGE - General
|------------------------------------------------------------------------------------
*/

.background {
    background-image: url('../../landing/img/background-therapy-rehab.jpg');
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center center;
}

.background2 {
    background-image: url('../../landing/img/therapy-plus/leg-therapy-sm.jpg');
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center top;
}

.image-box {
    padding-top:200px;
}

.bg-tan {
    background-color: #cdcdbf;
}

.pt-box {
    text-align: center;

}

.pt-box h3 {
    font-size: 1.75em;
    padding:0 0 10px 0;
    margin:0;
}

h1 {
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
    margin:20px 100px 10px 0;
    letter-spacing: -.05em;
}

h2.subhead {
    font-size: 1.25em;
    padding:5px 170px 70px 0;
}

h3 {
    font-size: 1.25em;
    font-weight: 900;
    margin-top:25px;
}

h3+ul {
    padding-top:0;
}

p  {
    margin:0 0 20px;
    font-weight: 500;
}

p.lead {
    margin:20px 0 0 0;
}

.locations {
    display: none;
}

ul {
    font-style: italic;
    padding:0 20px 0 20px;
}

ul li {
    font-size: 1.1em;
    line-height: 1.25em;
    padding:4px 0;
}

.pt-guide {
    margin-top:25px;
}

p.name {
    font-size: .7em;
    line-height: 1em;
    padding:5px 0;
}

p.head {
    font-size: 1.1em;
    margin:0;
    padding-top: 10px;
}

.btn.btn-lg {
    padding:10px 25px;
    font-size: 1.25em;
    display: block;
    text-align: center;
    letter-spacing: .05em;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.other-help {
    margin-bottom:20px;
    text-align: center;
}

.other-help h2 {
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 20px;
}

.other-help .btn {
    margin-bottom:15px;
    display: block;
    text-align: center;
}

.photo-inset {
    background-color: #cdcdbf;
    padding: 20px;
    margin:0 0 20px 0;
    text-align: center;
}
.photo-inset img {
    margin:0 0 10px 0;
}

.photo-inset p {
    font-size: 1em;
    font-style: italic;
    padding:0;
    margin:0;
}

.splash-img {
    display: none;
}

@media (min-width: 400px) {
    .background {
        background-size: cover;
        background-position: right -15px;
    }

    .background2 {
        background-size: 100%;
    }

    .image-box {
        padding-top:300px;
    }

    h1 {
        font-size: 2.25em;
        line-height: 1em;
        margin:20px 100px 10px 0;
    }

    h2.subhead {
        font-size: 1.3em;
        padding:10px 190px 10px 0;
    }

    p.intro-text {
        margin:40px 0 20px;
        font-weight: 400;
    }
}


@media (min-width: 544px) {

    .background {
        background-position: left center;
    }

    h1 {
        font-size: 2.60em;
        line-height: 1em;
        margin:20px 180px 10px 0;
    }

    h2.subhead {
        font-size: 1.5em;
        padding:0 200px 10px 0;
    }

    .btn.btn-lg {
        display: inline;
        font-size: 1em;
    }

    p.intro-text {
        margin:20px 0;
    }

    .locations {
        display: flex;
    }

}



@media (min-width: 768px) {

    .background {
        background-position: left center;
        min-height: 350px;
    }

    .text-larger {
        font-size: 1.2em!important;
    }

    .pt-box {
        text-align: left;
    }

    .pt-box h3 {
        font-size: 1.5em;
    }

    .pt-box-buttons {
        padding-top:30px;
    }

    .pt-box-buttons .btn-primary {
        margin:15px 0 10px 0;
    }

    h1 {
        font-size: 3.75em;
        line-height: .9em;
        margin:20px 230px 30px 0;
    }

    h2.subhead {
        font-size: 1.75em;
        padding:0 380px 10px 0;
    }

    h3 {
        font-size: 1.3em;
        font-weight: 900;
        margin-top:20px;
    }

    h3.subhead {
        margin-top:40px;
    }

    .image-box {
        padding-top:350px;
    }

    p.intro-text {
        font-size: 1.2em;
        line-height: 1.3em;
        margin:30px 0;
    }

    .btn.btn-lg:first-of-type {
        margin-right:20px;
    }

    .other-help {
        text-align: left;
    }

    .other-help h2 {
        font-size: 1.5em;
        font-weight: 900;
        margin-bottom: 20px;
    }

    .other-help .btn {
        display: inline-block;
        text-align: center;
        margin:0 20px 20px 0;
        min-width: 170px;
    }

    .splash-img {
        display: block;
        max-width: 50%!important;
        float:right;
        padding:10px 0 0 20px;
    }


}


@media (min-width: 992px) {

    h1 {
        font-size: 4.5em;
        line-height: .9em;
        margin:50px 350px 20px 0;
    }

    h2.subhead {
        font-size: 2em;
        padding:0 400px 10px 0;
    }

    p.intro-text {
        font-size: 1.2em;
        line-height: 1.5em;
        margin:30px 300px 20px 0;
    }

    .image-box {
        padding-top:450px;
    }

    .pt-box-buttons {
        padding-top:30px;
    }

    h3 {
        font-size: 1.5em;
        font-weight: 900;
        margin:20px 0 10px 0;
    }

    h3.subhead {
        font-size: 1.3em;
        margin:25px 0;
    }

    .pt-guide {
        margin-top:0;
    }

    p.name {
        font-size: 1em;
        line-height: 1em;
        padding:5px 0;
    }

    .photo-inset {
        max-width: 40%;
        float:right;
        margin:0 0 0 20px;
    }
    .photo-inset img {
    }
    .photo-inset p {
    }

    .splash-img {
        max-width: 40%!important;
        float:right;
        padding:0 0 0 20px;
    }

}


@media (min-width: 1200px) {
    .background {
        min-height: 400px;
    }

    .background2 {
        background-image: url('../../landing/img/therapy-plus/leg-therapy.jpg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right top;
    }

    .image-box {
        padding-top:50px;
    }

    .pt-box-buttons {
        padding-top:30px;
    }

    .splash-img {
        max-width: 30%!important;
        float:right;
        padding:0 0 0 20px;
        margin:-50px 0 0 0;
    }

    h1 {
        font-size: 4.5em;
        line-height: 1em;
        margin:50px 250px 20px 0;
    }

    h2.subhead {
        padding:20px 480px 10px 0;
    }
    p.intro-text {
        font-size: 1.2em;
        line-height: 1.5em;
        margin:30px 650px 40px 0;
    }
}

@media (min-width: 1600px) {
    .background {
        min-height: 450px;
    }
    .background2 {
        background-image: url('../../landing/img/therapy-plus/leg-therapy-xl.jpg');
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: right top;
    }
}