/* ===============
    Tablet Portrait - Phone Landscape

    -- these rules apply to everything over 480px

    Assumes that main.css has been loaded

   =============== */

@media only screen and (min-width: 480px) {
	body.results-home #grp-fin-hi {
		background-image: url("Content/img/grp-fin-hi-back.png");
	}
	body.results-home #strat-score {
		background-image: url("Content/img/strat-score-back.png");
	}
	body.results-home #down-cent {
		background-image: url("Content/img/down-cent-back.png");
	}

	div.section-thumbnail {
		width: 30%;
		margin: 25px 0 0 3%;
		float: left;
	}
	div#grp-fin-hi {
		margin-left: 0;
	}
	div.section-thumbnail img.proportions {
		width: 100%;
		height: auto;
	}

	div.section-thumbnail.large {
		width: 46%;
		margin: 25px 0 0 0;
	}
	div.section-thumbnail.large img.proportions {
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
	}
	div#biz-rev {
		margin-left: 4%;
	}
	body.results-home .section-thumbnail h3 {
		font-size: 16px;
		line-height: 20px;
		top: 8px;
		left: 13px;
		margin-right: 10px;
	}
	body.results-home .section-thumbnail p {
		top: 47px;
		left: 13px;
		margin: 0 40px 0 0;
		font-size: 12px;
		line-height: 15px;
	}
	#ceo-chair.section-thumbnail  h3 {
		font-size: 25px;
		line-height: 28px;
		top: 5px;
		left: 13px;
		margin-right: 50px;
	}

	#ceo-chair.section-thumbnail div {
		font-size: 11px;
		line-height: 18px;
		bottom: 12px;
		right: 12px;
	}
	#ceo-chair.section-thumbnail div#nameceo {
		right: 110px;
	}
	body.results-home #biz-rev h2 {
		font-weight: 500;
		font-size: 44px;
		line-height: 44px;
		top: -5px;
		left: 13px;
	}
	body.results-home #biz-rev p {
		font-size: 11px;
		top: 115px;
		left: 13px;
	}

	div#modal-contact-form {
		width: 350px;
	}

	p {
		font-size: 17px;
		line-height: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

    body[data-scaleText="1"] div.scalable-para p,
    body[data-scaleText="1"] div.scalable-para dt,
    body[data-scaleText="1"] div.scalable-para dd {
        font-size: 17px;
        line-height: 30px;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    body  div.scalable-para .table p {
        line-height: 22px;
    }

    body[data-scaleText="2"] div.scalable-para p,
    body[data-scaleText="2"] div.scalable-para dt,
    body[data-scaleText="2"] div.scalable-para dd {
        font-size: 18px;
        line-height: 30px;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
	body[data-scaleText="3"] div.scalable-para p,
	body[data-scaleText="3"] div.scalable-para dt,
	body[data-scaleText="3"] div.scalable-para dd {
		font-size: 19px;
		line-height: 30px;
		transition: all .25s ease-in-out;
	}
	body[data-scaleText="4"] div.scalable-para p,
	body[data-scaleText="4"] div.scalable-para dt,
	body[data-scaleText="4"] div.scalable-para dd {
		font-size: 20px;
		line-height: 30px;
		transition: all .25s ease-in-out;
	}
	body[data-scaleText="5"] div.scalable-para p,
	body[data-scaleText="5"] div.scalable-para dt,
	body[data-scaleText="5"] div.scalable-para dd {
		font-size: 21px;
		line-height: 30px;
		transition: all .25s ease-in-out;
	}

	.pagewidth {
		max-width: 590px;
		margin: 0 auto;
	}


	/* ==== DOWNLOADS.HTML ======================================== */

	div.colset {
		padding-bottom: 30px;
	}
	h5.downloadables {
		font-size: 16px;
	}
	div.halfcol {
		width: 48%;
		font-size: 16px;
		padding-bottom: 20px;
	}
	div.halfcol.left {
		float: left;
	}
	div.halfcol.right {
		float: right;
	}

	div.halfcol img {
		margin: 5px auto 26px auto;
		max-width: 57%;
	}

    


	/* end of media query */
}