/* begin: home jumbo screen */
#proJumbo {
    background-color: #1b3d5b;
    color: #fff;
    height: auto;
    position: relative;
    padding-bottom: 50px;
}

#proJumbo #contractorPhone {
    display: none;
}

#proJumbo > .small-12 {
    /*padding: 0;/*/
}

#proJumbo #logo {
    margin-top: 75px;
}

#proJumbo #utilLinks {
    display: none;
}

#proJumbo h1 > #titleBreak1,
#proJumbo h1 > #titleBreak3 {
    display: block;
}

#proJumbo h1 {
    color: #fff;
    font-family: "Source Serif Pro", sans-serif;
    /*font-size: 45px;*/
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 50px;
    text-shadow: 0 3px 1px rgba(0, 0, 0, 0.4);
}

#proJumbo h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600px;
    text-transform: uppercase;
    font-size: 30px;
    color: #6ba9e0;
    margin: 0;
    line-height: 30px;
    margin-bottom: 10px;
}

#contractorsDetails {
    position: relative;
    padding-top: 60px;

}

#contractorsDetails .circle-text {
    margin-bottom: 50px;
}

#contractorsDetails .circle-text h2 {
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: normal;
    font-size: 30px;
}

#contractorsDetails #noLeadsContainer {
    display: none;

}

#contractorsProApp{
    margin: 80px 0;
}

#proJumbo .download-link img{
    width: auto;height: 50px;
    margin: 10px 0;
    display: block;
    margin-right: 12px;
}

#contractorsProApp img{
    margin-bottom: 25px;
    max-width: 200px;
}

#contractorsProApp h2{
    margin-top: 25px;
}

#contractorsProApp{
    text-align: center;
    text-transform: capitalize;
}



@media (min-width: 641px) {

    #contractorsProApp img{
        /*margin-bottom: 25px;*/
        max-width: 100%;
    }


    #proJumbo .download-link img{
        display: inline-block;
    }

    #proJumbo .jumbo-content {
        height: 651px;
    }

    #proJumbo h1 {
        font-size: 35px;
    }

    #proJumbo #contractorPhone {
        position: absolute;
        bottom: -10px;
        right: 50px;
        height: 500px;
        width: auto;
    }

    #proJumbo .button {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 15px;
    }

    #contractorsDetails {
        height: 600px;
        position: relative;
        padding-top: 20px;
    }

    #contractorsDetails #noLeadsContainer {
        display: block;
        position: absolute;
        left: 50%;
    }

    #contractorsDetails #contractorsNoLead {
        top: 80px;
        position: relative;
        left: -50%;
    }

    #contractorsDetails .circle-text {
        text-align: center;
        padding: 30px 0;
    }

    .circle-text h2 {
        font-size: 30px;
    }

    .circle-text.first {
        margin-top: 30px;
    }

    .circle-text.second {
        margin-top: 50px;
    }

    .circle-text.third {
        padding: 0;
        margin-top: 40px;

    }

    .circle-text p {
        font-size: 13px;
        line-height: 18px;
    }
}

/*@media (min-width: 700px) {*/

/*}*/

@media (min-width: 850px) {
    #proJumbo {
        background-size: 100% auto;
        background-position: left top;
    }

    #contractorsProApp .medium-8{
        padding: 50px;
        padding-top: 50px;
    }
}

/*}*/

/*!********* END : SMALLER SCREENS *********!*/

/*!********* BEGIN : LARGER SCREENS *********!*/

@media (min-width: 1025px) {
    #contractorsProApp .medium-8{
        padding: 100px;
        padding-top: 130px;
    }

    /* begin : home jubmo screen */
    #proJumbo {
        height: auto;
        padding-left: 100px;
        padding-right: 100px;
        overflow: hidden;
        min-height: 650px;
    }

    #proJumbo center > i {
        display: block;
        font-size: 13px;
    }

    #proJumbo h1 > #titleBreak1,
    #proJumbo h1 > #titleBreak3 {
        display: none;
    }

    #proJumbo h1 > #titleBreak2 {
        display: block;
    }

    #proJumbo h1 {
        font-size: 45px;
        margin-top: 50px;
        margin-bottom: 30px;
        line-height: 45px;
    }

    #proJumbo h2 {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600px;
        text-transform: uppercase;
        font-size: 30px;
        color: #6ba9e0;
        margin: 0;
        line-height: 30px;
        margin-bottom: 10px;
    }
    #proJumbo p {
        color: #fff;
        font-size: 30px;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 40px;
    }

    #proJumbo #utilLinks {
        z-index: 100;
        position: absolute;
        right: 100px;
        top: 50px;
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #proJumbo #utilLinks > li {
        display: inline-block;
    }

    #proJumbo #utilLinks > li > a:after {
        content: '|';
        position: relative;
        left: 11px;
        text-align: center;
        color: #fff !important;
    }

    #proJumbo #utilLinks > li:last-of-type > a:after {
        display: none;
    }

    #proJumbo #utilLinks > li > a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 900;
        cursor: pointer;
        padding: 10px;
        font-size: 13px;
    }

    #proJumbo #utilLinks > li > a:hover {
        color: #D62F12;
    }

    #proJumbo #contractorPhone {
        position: absolute;
        bottom: -10px;
        right: 50px;
        height: 500px;
        width: auto;
        display:block;
    }

    #proJumbo .button {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 15px;
    }

    #contractorsDetails {
        height: 834px;
        position: relative;
        padding-top: 20px;
    }

    #contractorsDetails #noLeadsContainer {
        display: block;
        position: absolute;
        left: 50%;
    }

    #contractorsDetails #contractorsNoLead {
        top: 80px;
        position: relative;
        left: -50%;
    }

    .circle-text {
        text-align: center;
        padding: 50px;
    }

    .circle-text h2 {
        font-weight: normal;
        border-bottom: solid thin #ddd;
        font-size: 35px;
    }

    .circle-text.first {
        margin-top: 60px;
    }

    .circle-text.second {
        margin-top: 90px;
    }

    .circle-text.third {
        padding: 60px;
        margin-top: 20px;

    }

    .circle-text p {
        font-size: 20px;
        line-height: 30px;
        padding: 15px;
    }

    .pro-app-jumbo-content{
        margin-top: 25px;
    }

}