a, a:hover { color: #CF0F27; }

body { color: #666666; }

.breadcrumb { padding: 8px 15px; padding-bottom: 0; margin-bottom: 0px; list-style: none; background-color: #ffffff; border-radius: 4px; }

#ContentWrap .container #BreadcrumbsWrap { padding-bottom: 0; margin-top: 20px; }

.addSectionSpace { margin-top: 40px; }

.heading { text-align: center; }

.heading h1 { text-transform: uppercase; color: #CF0F27; font-weight: bold; margin: 41px auto; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: inline-block; }

.lower { text-transform: none; }

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

.redButton { display: inline-block; width: 170px; line-height: 40px; height: 40px; background: #CF0F27; color: #FFF !important; /* only instance to override main link color */ text-align: center; text-transform: uppercase; margin-top: 20px; }

.redButton:hover { color: #FFFFFF; }

.center-narrow { margin-left: 15%; margin-right: 15%; }

.thumb.with-caption { display: inline-block; margin-top: 6px; }

.thumb.with-caption p { margin: 0; padding-top: .2em; padding-bottom: 6px; color: #CF0F27; text-align: left; font-size: .9em; }

.thumb img { /*width: 100%;*/ height: auto; max-width: 100%; }

.tempPlaceholder { text-align: center; padding: 100px 0; margin: 50px 0; }

#ourPhilosophy { max-width: 100%; margin: 30px 0; }

#timeline { max-width: 100%; }

.lists { overflow: hidden; }

.listLeft { float: left; width: 50%; }

.gray-box { padding: 1em 2em; background-color: #f9f9f9; border: solid #d2d2d2 1px; margin-bottom: 30px; overflow: hidden; }

.growerRewardsLogo { max-width: 182px; padding-right: 1em; }

.display-table { display: table; width: 100%; }

.display-table-cell-vmid { display: table-cell; vertical-align: middle; }

.trait-row { display: table; width: 100%; }

.trait-left { display: table-cell; vertical-align: middle; text-align: center; width: 224px; }

.trait-left img { width: 100%; max-width: 196px; }

.trait-right { display: table-cell; vertical-align: middle; text-align: left; width: 66%; }

.footnote { font-size: .7em; }

.serif { font-family: Times; }

h4 em { /*font-weight: 600;*/ /*doesn't seem necessary with site font'*/ }

.bmr-photo,
.gray-box-photo { margin-right: 2em; margin-top: 1em; margin-bottom: 1em; }

.bmr-info { margin: 2em 0; }

.bmr-benefits p { margin: 0; }

.bmr-benefits h4 { margin-bottom: 0; }

.bmr-benefits h4 span { color: #CF0F27; }

.processor h5 { color: #CF0F27; margin-bottom: 2px; }

.processor .phone { color: #CF0F27; background: url("../MediaUploads/icon-phone.png") no-repeat left 4px; background-size: 32px 32px; padding-left: 38px; padding-top: 10px; padding-bottom: 10px; }

.pullquote { color: #CF0F27; font-size: 18px; font-style: italic; text-align: center; }

.pullquote a { text-decoration: underline; }

#maxPotential { overflow: hidden; text-align: center; margin: 30px 0; }

.Potential { max-width: 30.776092774309%; float: left; }

.PotentialSign { max-width: 3.791257805531%; float: left; }

#Calculator { text-align: center; }

.AgronomyAnswers { padding-top: 25px; }

/*-- MEDIA QUERIES --*/

@media only screen and (max-width: 768px) {
    .processor h5,
    .processor .phone { display: inline-block; margin-left: 4px; }

    .gray-box.display-table { display: block; text-align: center; }

    .gray-box .display-table-cell-vmid { display: block; margin-bottom: 1em; }
}

@media only screen and (max-width: 600px) {
    .trait-row { display: block; width: 100%; }

    .trait-left { display: block; text-align: center; width: 100%; margin-top: 4em; margin-bottom: 1em; }

    .trait-left img { max-width: 100%; }

    .trait-right { display: block; text-align: left; width: 100%; }
}

@media only screen and (max-width: 700px) {

    .Potential,
    .PotentialSign { float: none; margin: 0 auto; display: block; max-width: 100%; }

    .CalculatorSection { display: none; }
}