.why-sec2 {
    background-color: #e5e4e4;
}
.why-sec2 .text, .directions a {
    display: inline-block;
}
.why-sec2 a {
    color: #fff;
    background-color: #d22131;
    padding: 12px 65px;
}
.why-sec2 a:hover {
    background-color: #000;
}

.why-sec1 .box {
    max-width: 395px;
    background-color: #e5e4e4;
}
.why-sec1 .box .head, .why-sec1 .box .info, .why-sec1 a.btn {
    display: inline-block;
    width: 100%;
}
.why-sec1 .box .head {
    background-color: #010101;
    color: #fff;
}
.why-sec1 .box .text {
    line-height: 24px;
    padding: 15px 0 8px 0;
}
.why-sec1 a.btn {
    color: #fff;
    background-color: #d22131;
    padding: 12px;
    text-align: center;
}
.why-sec1 a.btn.join {
    width: auto;
    padding: 12px 35px;
}
.why-sec1 a.btn:hover {
    background-color: #000;
}




@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
	.why-sec2 a {
	    display: inline-block;
	    padding: 12px 35px;
	}
}
@media screen and (max-width: 479px) {
}