.content-bonus-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 4px;
	margin: 65px 0 40px;
}

.grid-card_info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.grid-card_info * {
	line-height: 1.2em !important;
	margin: 0;
}

.grid-card_info>:first-child {
	font-size: .65em;
	padding: 5px;
		background: #ded;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
	color: #666;
	font-weight: 600;
	text-transform: uppercase;
}

.grid-card_info>:last-child {
	font-size: .8em;
	padding: 10px 10px 5px;
	flex: 1;
	display: flex;
	align-items: center;
	color: #1d73be;
	font-weight: 600;
	text-transform: uppercase;
}

.grid-card_logo {
	position: relative;
	padding: 14px 30px;
	border-radius: 5px 5px 0 0;
}

.bonus-grid-card {
	background: #fff !important;
	display: flex;
	padding: 7px 7px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	flex-direction: column;
	justify-content: space-between;
	grid-row: 1/2;
	text-align: center;
	box-shadow: 0px 1px 3px  #ddd !important;
	
}

.recommended-bonus-card {
	position: absolute;
	top: -7px;
	border-radius: 7px 7px 0 0;
	left: 0px;
	padding: 4px !important;
	background: linear-gradient(#1d73be 85%, #10283f 110% );
	color: #fff;
	width: 100%;
	transform: translatey(-100%);
	text-align: center;
	text-transform: uppercase;
	font-size: .7em;
	font-weight: 600;
	border-bottom: none;
}

.grid-card_cta a {
	background: #14af5e !important;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: .7em;
	font-family: 'Helvetica Neue';
	padding: 7px 5px;
	margin: 0 0 4px;
		transition: 120ms ease-in !important;
}

.grid-card_cta a:hover {
	background: #1d73be !important;
}

.grid-card_terms {
	font-size: .71em;
}

.rank-1 {
	grid-column: 3/4;
	margin: -10px 0;
		border-radius: 5px;
}

.rank-2 {
	grid-column: 2/3;
	margin: -5px 0;
}
.rank-3 {
	margin: -5px 0;
	grid-column: 4/5;
}

.rank-4 {
	grid-column: 1/2;
}

.rank-5 {
	grid-column: 5/6;
}

.grid-card_terms p {
	margin: 0;
	font-size: .6em;
}

@media(max-width: 700px) {
    .content-bonus-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .rank-1 {
        grid-column: 2/3;
        margin: -7px 0;
    }
    
    .rank-2 {
        grid-column: 3/4;
        margin: -7px 0;
    }
    .rank-3 {
        grid-column: 1/2;
        margin: 0;
    }
    
    .rank-4 {
        grid-column: 4/5;
    }
    
    .rank-5 {
        display: none;
    }
}

@media(max-width: 550px) {
    .content-bonus-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .rank-1 {
        grid-column: 2/3;
        margin: -10px 0;
    }
    
    .rank-2 {
        grid-column: 1/2;
        margin: 0;
    }
    .rank-3 {
        grid-column: 3/4;
    }
    
    .rank-4 {
        display: none;
    }
    
}

@media(max-width: 450px) {
    .content-bonus-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
    }

    .rank-1 {
        grid-column: 1/2;
        margin:  0;
    }
    
    .rank-2 {
        grid-column: 2/3;
        margin: 0;
    }
    .rank-3 {
        grid-row: 2/3;
        grid-column: 1/2;
    }
    
    .rank-4 {
        grid-row: 2/3;
        grid-column: 2/3;
        display: flex;
    }
    
}