.bonus__title {
	padding       : 50px 0;
	margin        : 0 50px;
	border-bottom : 1px solid #cecece;
}

.bonus__title:after {
	display : block;
	content : '';
	clear   : both;
}

.bonus__hello {
	float : left;
	width : 50%;
	font  : 300 30px 'San Francisco', sans-serif;
	color : #000000;
}

.bonus__logout-col {
	float      : left;
	width      : 50%;
	text-align : right;
	color      : #858585;
	font       : 300 17px "San Francisco", sans-serif;
}

.bonus__logout-col a {
	margin-left : 20px;
}

.bonus__bottom {
	padding       : 50px 0;
	margin        : 0 50px;
	border-bottom : 1px solid #cecece;
}

.history__container {
	width      : 100%;
	box-sizing : border-box;
}

@media (max-width : 768px) {
	.bonus__title, .bonus__bottom {
		margin-left    : 20px;
		margin-right   : 20px;
		padding-bottom : 20px;
		padding-top    : 30px;
	}

	.bonus__hello, .bonus__logout-col {
		float : none;
		width : 100%;
	}

	.bonus__logout-col {
		padding-top : 15px;
		text-align  : center;
	}

	.history__col h3 {
		font-size   : 16px;
		line-height : 25px;
	}
}