.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:30px;
	
}

.box-01 .box-content {
	border:5px solid #EFEFEF;
	background:#0e245e;
	position:relative;
	padding-bottom:0;
}

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

.box-01 .btn-yellow{
	background:#f7b932;
	color:#0e245e;
}

.box-01 .btn-yellow:hover{
	background:#FFFFFF;
	color:#0e245e;
}

.box-01 h2 {
	text-transform:uppercase;
	color:#f7b932;
	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:#333333;
	font-size:16px;
}

.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:#0e245e;
}

.box-02 p {
	margin-bottom:22px;
	line-height:31px;
	color:#666666;
}


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

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

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

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