.why-join.float_l {
    padding: 43px 0 53px 0;
}
.why-join-text {
    float: left;
    width: 49%;
}
.why-join-text .heading, .benefits-member-text .heading {
    font-size: 48px;
    font-weight: bold;
    color: #064561;
    line-height: 56px;
    margin: 0 0 15px 0;
}
.why-join-img {
    float: right;
    width: 47%;
    margin: 10px 0 0 0;
}
.why-join-img img, .benefits-member-img img {
    float: left;
    border: 9px solid #fff;
    box-shadow: 0 0 15px rgba(0, 39, 32, 0.35);
}
.why-join-text .simple-text, .benefits-member-text .simple-text {
    line-height: 22px;
    padding: 0 0 20px 0;
}
.benefits-member.float_l {
    background-color: #aee4e8;
    padding: 25px 0;
}
.benefits-member-img {
    float: left;
    width: 45%;
}
.benefits-member-text {
    float: left;
    width: 54%;
    padding: 40px 0 0 5%;
}
.benefits-member-text a.more {
    font-weight: bold;
    color: #f2f6f7;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    padding: 8px 30px;
    border: none;
    margin: 29px 0 0 0;
    float: left;
    background-color: #064561;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.benefits-member-text a.more:hover {
    background-color: #1b6586;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.membership-links.float_l {
    padding: 55px 0;
}
.membership-links a, .membership-links a img {
    float: left;
}
.membership-links a {
    width: 33.33%;
    text-align: center;
    padding: 0 12px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #064561;
    line-height: 30px;
}
.membership-links a:hover {
    text-decoration: underline;
}
.membership-links a img {
    margin: 0 0 30px 0;
    box-shadow: 0 0 0 rgba(0, 39, 32, 0.35);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.membership-links a:hover img {
    margin: 0 0 30px 0;
    box-shadow: 0 0 15px rgba(0, 39, 32, 0.50);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}












@media screen and (max-width: 1200px) {
	.why-join-text .heading, .benefits-member-text .heading {
	  font-size: 36px;
	  line-height: 44px;
	  margin: 0 0 5px;
	}
	.why-join-text {
	  width: 51%;
	}
	.benefits-member-text {
	  float: left;
	  padding: 0 0 0 3%;
	  width: 55%;
	}
}
@media screen and (max-width: 990px) {
	.why-join.float_l, .benefits-member.float_l, .membership-links.float_l {
	  padding: 30px 0;
	}
	.membership-links a {
	  font-size: 20px;
	  line-height: 26px;
	  padding: 0 10px;
	}
	.why-join-text .heading, .benefits-member-text .heading {
	  font-size: 32px;
	  line-height: 40px;
	  margin: 0 0 5px;
	}
}
@media screen and (max-width: 768px) {
	.page-header.float_l {
	  background-size: cover;
	}
	.page-header .page-title {
	  font-size: 34px;
	  line-height: 40px;
	  margin: 130px 0 2px;
	}
	.why-join-text .heading, .benefits-member-text .heading {
	  font-size: 28px;
	  line-height: 38px;
	  margin: 0;
	}
	.why-join-text, .benefits-member-text {
	  width: 100%;
	}
	.why-join-img, .benefits-member-img {
	  display: none;
	}
	.benefits-member-text {
	  padding: 0;
	}
	.benefits-member-text a.more {
	  margin: 10px 0 0;
	}
	.membership-links a {
	  padding: 20px 0;
	  width: 100%;
	}
	.membership-links a img {
	  margin: 0 0 15px;
	}
	.membership-links a {
	  padding: 20px 0;
	  width: 100%;
	  max-width: 330px;
	}
}