.emotion {
	border-top: 3px solid #a2c617;
	background: url("../img/emotion-small.jpg") no-repeat center center;
	background-size: cover;
	height: 500px;
	padding-top: 80px;
}

.emotion h2 {
	max-width: 275px;
	margin: 10px;
	font-weight: bold;
	font-size: 35px;
	color: #686867; 
	line-height: 47px; 
}

.emotion .button {
	font-size: 14px;
	margin: 10px;
	display: inline-block;
	padding: 10px;
	color: #ffffff;
}

.emotion a.button-orange,
.emotion a.button-orange-big {
	background: url("../img/double-right.png") no-repeat scroll 10px center #FF5716 !important;
    padding-left: 24px !important;
}

.emotion a.button-orange:hover,
.emotion a.button-orange-big:hover {
	background: url("../img/double-right.png") no-repeat scroll 10px center #f44907 !important;
    padding-left: 24px !important;
}

.emotion a.button-green,
.emotion a.button-green-big {
	background: url("../img/double-right.png") no-repeat scroll 10px center #a2c617 !important;
    padding-left: 24px !important;
}

.emotion a.button-green:hover,
.emotion a.button-green-big:hover {
	background: url("../img/double-right.png") no-repeat scroll 10px center #95bb00 !important;
    padding-left: 24px !important;
}

.emotion .video-button {
	display: none;
}

@media screen and (max-width: 768px) {
	
	.emotion .button {
		font-weight: bold;
		text-shadow: 0 1px 3px rgba(0,0,0,0.5);
	}

}

@media screen and (min-width: 400px) {

	.emotion {
		padding-top: 40px;
	}

	.emotion h2 {
		max-width: 500px;
		margin: 30px 10px;
		font-size: 38px;
	}
	
	.emotion .button {
		font-size: 16px;
		margin: 10px;
		padding: 10px;
	}

}

@media screen and (min-width: 768px) {

	.emotion {
		background: url("../img/emotion-large-2.jpg") no-repeat center center;
		background-size: cover;
		min-height: 706px;
	}

	.emotion h2 {
		max-width: 650px;
		margin: 30px 10px 0;
		font-size: 40px;
	}
	
	.emotion .button {
		font-size: 18px;
		margin: 10px;
		padding: 10px;
	}

	.emotion .button-wrapper {
		float: left;
		width: 50%;
		margin-top: 55px;
	}

	.emotion .video-button {
		display: block;
		float: right;
	}
}

@media screen and (min-width: 992px) {

	.emotion .button {
		font-size: 20px;
		padding: 15px 18px;
	}

}

@media screen and (min-width: 1200px) {
	.emotion .button {
		font-size: 22px;
		padding: 18px 20px;
	}
}