.box-01,
.box-02 {
	padding-left:5px !important;
	padding-right:5px !important;
	margin:15px 0;
}

.box-content {
	background-color:#FFF;
	min-height:300px;
}

.box-padding {

	padding:33px;

}

.box-btn1			{ background:#FFDD00 !important; color:#17072C !important;  }
.box-btn1:hover		{ background:#FFFFFF !important; color:#17072C !important;  }
.box-btn2			{ background:#17072C !important; color:#FFFFFF !important;  }
.box-btn2:hover		{ background:#FFDD00 !important; color:#17072C !important;  }

.box-01 .box-content {
	border:5px solid #EFEFEF;
	background:#17072C url(backgrounds/logo-icon.png) no-repeat right 20px bottom 20px;
	position:relative;
	padding-bottom:0;
}

.box-01 .box-text {
	padding:48px 30px;
	text-align:left;
}

.box-01 h2 {
	text-transform:uppercase;
	color:#FFDD00;
	margin-top:0;
	font-size:40px;
	font-weight:600;
	line-height:1em;
}

.box-01 h2 span {
	display:block;
	color:#FFFFFF;
	font-weight:600;
}

.box-01 p {
	color:#FFFFFF;
	font-weight:300;
	font-size:1.5em;
}

.box-02 {
	color:#777;
	font-size:14px;
}

.box-02 .box-content {
	border:5px solid #EFEFEF;
}

.box-02 h2 {
	font-size:24px;
	font-weight:normal;
	line-height:32px;
	margin-top:0;
	margin-bottom:20px;
}

.box-02 h2 span {
	display:block;
	color:#17072C;
	font-weight:normal;
}

.box-02 p {
	margin-bottom:20px;
	line-height:20px;
}


@media screen and (min-width:768px) and (max-width:991px) {
	.box-02 h2 {
		font-size:26px;
	}
	.box-padding {
		padding:22px;
	}
	.box-01 .box-text{
		padding:38px 30px;
	}
}

@media screen and (min-width:768px) {
	.box-content {
	    min-height:326px;
	}
}

@media screen and (max-width:767px) {
	.box-01 .box-content {
		min-height:310px;
	}
	.box-02 .box-content {
		height:auto !important;
		min-height:0;
	}
}

@media screen and (max-width:480px) {
	.box-02 h2 {
		font-size:24px;
	}
	.box-padding {
		padding:30px;
	}
}