.background {
    background-image: url('../../landing/img/soccer-photo-sm.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    min-height: 330px;
}

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

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

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

.img-inset {
    float:right;
    max-width:50%;
    padding:0 0 0 20px;
}

.text-block {
    background-color: #0c502c;
    text-align: center;
}

h1 {
    color:#fff;
    font-weight: 900;
    font-size: 2em!important;
    line-height: 1.15em!important;
    margin:0!important;
    letter-spacing: -.03em;
    padding:20px 10px;
}

h2 {
    font-size: 1.75em;
    font-weight: 900;
    font-style: normal;
    line-height: 1.2em;
    padding:0 0 20px 0;
}

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

h3.subhead {
    margin-top:0;
    padding-top: 0;
}

h3+ul {
    padding-top:0;
}

p  {
    font-size: 1.2em;
    margin:0 0 20px;
    font-weight: 500;
    hyphens: none;
}


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

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


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

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

.btn.btn-primary {
    font-size: 1em;
    margin-bottom:0;
}

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

/*    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: 529px) {
    .background {
        background-position: top right;
        min-height: 310px;
    }

    h1 {
        font-size: 2.5em!important;
        line-height: 1em;
        margin:20px 10px 10px 10px;
        padding:20px 30px;
    }

    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-image: url('../../landing/img/soccer-photo.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right top;
        min-height: 250px;
    }

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

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

    .btn-box {
        display: inline;
    }

    h1 {
        font-size: 2.23em!important;
        line-height: .9em;
        margin:40px 0 30px 0!important;
        text-shadow: 0 0 8px #000000;
    }

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

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

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

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

@media (min-width: 900px) {
    .background {
        min-height:350px;
    }

    h1 {
        font-size: 2.35em!important;
        line-height: .9em;
        margin:40px 0 0 0!important;
    }
}

@media (min-width: 992px) {
    h1 {
        font-size: 2.75em!important;
        line-height: .9em;
        margin:60px 70px 20px 0!important;
    }

    .img-inset {
        max-width:40%;
    }

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

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

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

}


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

    h1 {
        font-size: 3.40em!important;
        line-height: 1em;
        margin:80px 150px 20px 0!important;
    }

    h2.subhead {
        padding:20px 480px 10px 0;
    }
    p, ul  {
        font-size: 1.3em;
    }
}

@media (min-width: 1600px) {
    .background {
        min-height: 570px;
    }

    h1 {
        font-size: 3.8em!important;
        line-height: 1em;
        margin:120px 100px 20px 0!important;
    }
}

@media (min-width: 2000px) {
    .background {
        min-height: 670px;
    }

    h1 {
        font-size: 4.5em!important;
        line-height: 1em;
        margin:120px 30px 20px 0!important;
    }
}