@charset "UTF-8";
#memberbanner {
    background-image: url(../img/bg002.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#memberbanner h4 {
    text-align: center;
    font-size: 4em;
    color: hsla(0,0%,100%,1.00);
}
.membership h2 {
    font-weight: 400;
    font-size: 2em;
}
.youth {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.youth .btn {
    background-color: hsla(340,5%,12%,1.00);
    border-radius: 31px;
    color: hsla(36,99%,49%,1.00);
    margin-top: 10px;
    text-transform: uppercase;
    font-size: small;
}
.youth .btn:hover  {
    color: hsla(0,0%,100%,1.00);
    background-color: hsla(129,55%,46%,1.00);
}
.youth h5 {
    padding-left: 5px;
    padding-right: 6px;
}
.price {
    font-size: 4em;
    font-weight: bolder;
    color: hsla(36,100%,49%,1.00);
}
.membershiptext {
    color: hsla(0,0%,100%,1.00);
    text-align: center;
    text-transform: capitalize;
    font-style: italic;
    font-size: x-small;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -20px;
}
.greybg {
    background-color: hsla(0,3%,12%,1.00);
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 15px;
    box-shadow: 1px 1px 15px;
}
.membershipheader {
    background-color: hsla(36,99%,49%,1.00);
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 10px;
}
.membershipbtn {
    background-color: hsla(340,5%,12%,1.00);
    text-transform: uppercase;
    border-radius: 31px;
    font-size: large;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}
h6 {
    font-size: x-large;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
}
.paybtn {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: #FFFFFF;
    background-color: #1F1D1D;
    font-size: large;
}
.paybtn:hover {
    background-color: #35B548;
    color: #FFFFFF;
}
.membershipbtn:hover {
    background-color: #35B548;
    color: #FFFFFF;
}
.renewalbtn {
    color: #FCFCFC;
    background-color: #FF0001;
}
.newmemberbtn {
    color: #F99502;
}
.membershiprenewal {
    background-color: #201D1C;
}
.smalltext {
    font-size: small;
    line-height: 27px;
}
.eventbanner {
    background-image: url(../img/bg003.jpg);
    background-size: cover;
    background-position: center 0%;
}