.cards {
    overflow: hidden;
    padding: 25px 20px 10px 10px;
}

    .cards .card {
        display: block;
        float: left;
        margin-left: 12px;
        margin-bottom: 12px;
        width: 198px;
        height: 212px;
        padding: 10px;
        border: #B7B5B6 1px solid;
        background: #FFF;
        -webkit-box-shadow: 0px 0px 8px #B7B5B6;
        box-shadow: 0px 0px 8px #B7B5B6;
        color: rgb(86, 86, 86);
        font-family: Arial, sans-serif;
        font-size: 16px;
    }

    /* .cards .card:last-child {
        margin-right: 0px;
    }*/

    .cards .card:hover {
        border: #969495 1px solid;
        -webkit-box-shadow: 0px 0px 12px #969495;
        box-shadow: 0px 0px 12px #969495;
    }


    .cards .card img {
        margin-bottom: 10px;
       
    }

        
    .cards .card a.more {
        padding: 0px 10px 0px 0px;
        background-image: url("../images/arrow.gif");
        background-position: center right;
        background-repeat: no-repeat;
    }

    .cards .card a {
        color: #606060;
        text-decoration: none;
    }

    .cards .card a:hover {
        color: #000;
    }

    .cards .card .cardText .highlight {
        color: #990000;
        text-transform: uppercase;
        font-weight: bold;
    }

		.cards .three-quarter:nth-child(1) {
			width: 684px;
			height: 234px;
			margin: 0 14px 60px 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;  
		}

		.cards .three-quarter {
			margin-top: 20px;
			margin-bottom: 40px;
		}

@media only screen and (max-width: 960px) {
	.cards .three-quarter:nth-child(1) {
		width: 100%;
		margin: 0 0 60px 4px;
		float: none;
	}
	.card.three-quarter #bannerRotator img {
		max-width: 100%;
		height: auto;
	}
	.cards .three-quarter:nth-child(2) {
		width: 198px !important;
		height: 234px !important;
		margin: 0 auto !important;
		float: none !important;
		display: block !important;
		text-align: left;
	}
	.fund-amount {
		text-align: left;
	}
}