/* This is the smallest max width we can support, the social share icons and Career CTAs will stack. */
@media (max-width: 381px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.campaigncontent .row {
    	margin-bottom: 1rem;
	}

	.span4 {
	    width: 100%;
	}

	.noscore {
	    height: 6rem;
	}

	.scorecard_cta.middle {
	    margin: 1rem 0;
	}

	.row.scorecard_cta_row {
	    margin: 0;
	}

	#footer {
	    margin: 0 0 1rem 0;
	}

	.row.lower_middle {
		margin-bottom: 0;
	}

	.row.lower_lower {
		display: block;
		justify-content: flex-start;
		margin-bottom: 0;
	}

	.span6 {
	    width: auto;
	    float: none;
	    margin: 1rem 0;
	    text-align: center;
	}

	.row.lower_lower .span6 img {
	    width: 100%;
	    height: auto;
	    margin-top: 0;
	}

	.row.upper, .row.middle {
	    margin-bottom: 0;
	}

	.scorecard-rankings .score_consumer_score_info {
	    padding: 0.5rem !important;
	}

	.scorecard-rankings td {
	    padding: 0 0.5rem;
	}

	.scorecard-rankings .score_consumer_score_info .row img {
	    width: auto;
	    height: 3.2rem;
	}

	.row.upper .span12 img {
		width: 100%;
		height: auto;
	}

	.score_average_score {
	    font-size: 1.4rem;
	}

	.row.middle {
		display: block;
		justify-content: flex-start;
		margin-bottom: 0;
	}

	#page_1 div.span12 .scorecard_cta img {
	    width: 100%;
	    height: auto;
	    max-width: 30rem;
	}

	.score_consumer_score_info .row.title {
		font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
	}

    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

	#page_22 div.span12 img, #page_1 div.span12 img {
		width: calc(100vw / 940 * 564);
		height: calc(100vw / 940 * 200);
	}
}

/* This is the max width of the Explorer Careers and Airman Challenge buttons */
@media (min-width: 382px) and (max-width: 619px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.campaigncontent .row {
    	margin-bottom: 1rem;
	}

	.span4 {
	    width: 100%;
	}

	.noscore {
	    height: 6rem;
	}

	.scorecard_cta.middle {
	    margin: 1rem 0;
	}

	.row.scorecard_cta_row {
	    margin: 0;
	}

	#footer {
	    margin: 0 0 1rem 0;
	}

	.row.lower_middle {
		margin-bottom: 0;
	}

	.row.lower_lower {
		display: block;
		justify-content: flex-start;
		margin-bottom: 0;
	}

	.span6 {
	    width: auto;
	    float: none;
	    margin: 1rem 0;
	    text-align: center;
	}

	.row.lower_lower .span6 img {
	    width: 36.5rem;
	    height: 7.2rem;
	    margin-top: 0;
	}

	.row.upper, .row.middle {
	    margin-bottom: 0;
	}

	.scorecard-rankings .score_consumer_score_info {
	    padding: 0.5rem !important;
	}

	.scorecard-rankings td {
	    padding: 0 0.5rem;
	}

	.scorecard-rankings .score_consumer_score_info .row img {
	    width: auto;
	    height: 3.2rem;
	}

	.row.upper .span12 img {
		width: 100%;
		height: auto;
	}

	.score_average_score {
	    font-size: 1.4rem;
	}

	.score_consumer_score_info .row.title {
		font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
	}

    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

	#page_22 div.span12 img, #page_1 div.span12 img {
		width: calc(100vw / 940 * 564);
		height: calc(100vw / 940 * 200);
	}
}

/* This is the max width of the header image */
@media (min-width: 620px) and (max-width: 641px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.campaigncontent .row {
    	margin-bottom: 1rem;
	}

	.span4 {
	    width: 100%;
	}

	.noscore {
	    height: 6rem;
	}

	.scorecard_cta.middle {
	    margin: 1rem 0;
	}

	.row.scorecard_cta_row {
	    margin: 0;
	}

	#footer {
	    margin: 0 0 1rem 0;
	}

	.row.lower_middle {
		margin-bottom: 0;
	}

	.row.lower_lower {
		display: block;
		justify-content: flex-start;
		margin-bottom: 0;
	}

	.span6 {
	    width: auto;
	    float: none;
	    margin: 1rem 0;
	    text-align: center;
	}

	.row.lower_lower .span6 img {
	    width: 36.5rem;
	    height: 7.2rem;
	    margin-top: 0;
	}

	.row.upper, .row.middle {
	    margin-bottom: 0;
	}

	.scorecard-rankings .score_consumer_score_info {
	    padding: 0.5rem !important;
	}

	.scorecard-rankings td {
	    padding: 0 0.5rem;
	}

	.score_consumer_score_info .row.title {
		font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
	}

    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

	#page_22 div.span12 img, #page_1 div.span12 img {
		width: calc(100vw / 940 * 564);
		height: calc(100vw / 940 * 200);
	}
}

/* This is the max width of the header image */
@media (min-width: 642px) and (max-width: 681px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.campaigncontent .row {
    	margin-bottom: 1rem;
	}

	.span4 {
	    width: 100%;
	}

	.noscore {
	    height: 6rem;
	}

	.scorecard_cta.middle {
	    margin: 1rem 0;
	}

	.row.scorecard_cta_row {
	    margin: 0;
	}

	#footer {
	    margin: 0 0 1rem 0;
	}

	.row.lower_middle {
		margin-bottom: 0;
	}

	.row.lower_lower {
		display: block;
		justify-content: flex-start;
		margin-bottom: 0;
	}

	.span6 {
	    width: auto;
	    float: none;
	    margin: 1rem 0;
	    text-align: center;
	}

	.row.lower_lower .span6 img {
	    width: 36.5rem;
	    height: 7.2rem;
	    margin-top: 0;
	}

	.row.upper, .row.middle {
	    margin-bottom: 0;
	}

	.scorecard-rankings .score_consumer_score_info {
	    padding: 1rem !important;
	}

	.score_consumer_score_info .row.title {
		font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
	}

    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

	#page_22 div.span12 img, #page_1 div.span12 img {
		width: calc(100vw / 940 * 564);
		height: calc(100vw / 940 * 200);
	}
}

/* This is the max width of the header image */
@media (min-width: 682px) and (max-width: 759px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.campaigncontent .row {
    	margin-bottom: 1rem;
	}

	.span4 {
	    width: 100%;
	}

	.noscore {
	    height: 6rem;
	}

	.scorecard_cta.middle {
	    margin: 1rem 0;
	}

	.row.scorecard_cta_row {
	    margin: 0;
	}

	#footer {
	    margin: 0 0 1rem 0;
	}

	.row.lower_middle {
		margin-bottom: 0;
	}

	.row.lower_lower {
		display: block;
		justify-content: flex-start;
		margin-bottom: 0;
	}

	.span6 {
	    width: auto;
	    float: none;
	    margin: 1rem 0;
	    text-align: center;
	}

	.row.lower_lower .span6 img {
	    width: 36.5rem;
	    height: 7.2rem;
	    margin-top: 0;
	}

	.row.upper, .row.middle {
	    margin-bottom: 0;
	}

	.score_consumer_score_info .row.title {
		font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
	}

    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

	#page_22 div.span12 img, #page_1 div.span12 img {
		width: calc(100vw / 940 * 564);
		height: calc(100vw / 940 * 200);
	}
}

/* This is the max width of the header image */
@media (min-width: 760px) and (max-width: 939px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.campaigncontent .row {
    	margin-bottom: 1rem;
	}

	.span4 {
	    width: 100%;
	}

	.scorecard_cta.middle {
	    margin: 1rem 0;
	}

	.row.scorecard_cta_row {
	    margin: 0;
	}

	#footer {
	    margin: 0 0 1rem 0;
	    width: 100%;
	}

	.score_consumer_score_info .row.title {
		font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
	}

    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 20);
	    line-height: calc(100vw / 940 * 20);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 30);
	    line-height: calc(100vw / 940 * 30);
    }

	#page_22 div.span12 img, #page_1 div.span12 img {
		width: calc(100vw / 940 * 564);
		height: calc(100vw / 940 * 200);
	}
}

/* This is the full desktop size. This should be covered with the standard CSS files. */
/* This is the max width of the header image */
@media (min-width: 940px) and (max-width: 1199px) {
    .score_card_score .row.score_title {
        font-size: calc(100vw / 940 * 28);
		height: calc(100vw / 940 * 24);
	    line-height: calc(100vw / 940 * 24);
    }

    .score_card_score .row.score {
        font-size: calc(100vw / 940 * 44); /* font-size: calc(100vw / 940 * 53.32); */
		height: calc(100vw / 940 * 28);
	    line-height: calc(100vw / 940 * 28);
    }
}