.pure-inner-wrap{
    background-color: #031b4e;
    background-image: url(../img/bg02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pure-section{
    position: relative;
}
.pureprofile-section{
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;

}

.pureprofile-row{
    width: 100%;
    display: flex;

}

@media (min-width: 768px)
{.pure-column.pure-col-100 {
    width: 100%;
}
}
.pure-column{
position: relative;
min-height: 1px;
}

.pure-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.pure-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}
.pure:not(.pure-bc-flex-widget) .pure-widget-wrap {
    display: flex;
}

.pure-5309 .pure-element.pure-element-fb72ab7 {
    padding: 20px 0px 10px 0px;
}
.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-section.pure-section-boxed > .pure-container {
    max-width: 1140px;
}
.pure-section .pure-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.pure-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 768px){
.pure-column.pure-col-100, .pure-column[data-col="100"] {
    width: 100%;
}
}

.pure-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.pure:not(.pure-bc-flex-widget) .pure-widget-wrap {
    display: flex;
}

.pure-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-widget-image {
    text-align: center;
}
.pure-element {
    --widgets-spacing: 20px;
}
.pure-element .pure-widget-container {
    transition: border .3s;border-radius :0%,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.pure-5309 .pure-element.pure-element-cb9523b img {
    width: 300px;
}

.pure-widget-image img {
    vertical-align: middle;
    display: inline-block;
}

.pure img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.pure-5309 .pure-element.pure-element-bf1f3c9 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}

.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-5309 .pure-element.pure-element-bf1f3c9 > .pure-container {
    min-height: 80vh;
}

.pure-section .pure-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.pure-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    
}

@media (min-width: 768px){
.pure-column.pure-col-60, .pure-column[data-col="60"] {
    width: 60%;
}
.pure-column.pure-col-50, .pure-column[data-col="50"] {
    width: 50%;
}
.pure-column.pure-col-25, .pure-column[data-col="25"] {
    width: 25%;
}
.pure-column.pure-col-20, .pure-column[data-col="20"] {
    width: 20%;
}
.pure-column.pure-col-30, .pure-column[data-col="30"] {
    width: 30%;
}}

.pure-column {
    position: relative;
    min-height: 1px;
    ;
}

.pure-5309 .pure-element.pure-element-d850865:not(.pure-motion-effects-element-type-background) > .pure-column-wrap, .pure-5309 .pure-element.pure-element-d850865 > .pure-column-wrap > .pure-motion-effects-container > .pure-motion-effects-layer {
    /* background-image: url(../img/consumer.png); */
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.pure-5309 .pure-element.pure-element-d850865 > .pure-element-populated {
    transition:  border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.pure-5309 .pure-element.pure-element-bf1f3c9 > .pure-container > .pure-row > .pure-column > .pure-column-wrap > .pure-widget-wrap {
    align-content: center;
    align-items: center;
}

.pure-5309 .pure-element.pure-element-5a6022d:not(.pure-motion-effects-element-type-background), .pure-5309 .pure-element.pure-element-5a6022d > .pure-motion-effects-container > .pure-motion-effects-layer {
    background-image: url(../img/spacer.png);
}

.pure-5309 .pure-element.pure-element-5a6022d {
    transition:  border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 30px;
    margin-bottom: 0px;
}

.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-section .pure-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.pure-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 768px){
.pure-5309 .pure-element.pure-element-5de6d3d {
    width: 40%;
}}

.pure-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.pure:not(.pure-bc-flex-widget) .pure-widget-wrap {
    display: flex;
}

.pure-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

@media (min-width: 768px){
/* .pure-5309 .pure-element.pure-element-e2304bc {
    width: 60%;
} */
}

@media (min-width: 768px){
.pure-column.pure-col-60, .pure-column[data-col="60"] {
    width: 60%;
}
.pure-column.pure-col-50, .pure-column[data-col="50"] {
    width: 50%;
}
.pure-column.pure-col-25, .pure-column[data-col="25"] {
    width: 25%;
}
.pure-column.pure-col-20, .pure-column[data-col="20"] {
    width: 20%;
}
.pure-column.pure-col-30, .pure-column[data-col="30"] {
    width: 30%;
}}

.pure-5309 .pure-element.pure-element-e2304bc > .pure-element-populated {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #f5f5f5;
    transition: 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.pure-inner-section .pure-column-gap-no .pure-element-populated {
    padding: 0;
}
.pure-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.pure-5309 .pure-element.pure-element-e2304bc.pure-column > .pure-column-wrap > .pure-widget-wrap {
    justify-content: flex-start;
}
.pure-5309 .pure-element.pure-element-e2304bc > .pure-element-populated > .pure-widget-wrap {
    padding: 40px 20px 0px 0px;
}
.pure:not(.pure-bc-flex-widget) .pure-widget-wrap {
    display: flex;
}

.pure-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.pure-5309 .pure-element.pure-element-1fc3214 {
    text-align: center;
}
.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-5309 .pure-element.pure-element-1fc3214 > .pure-widget-container {
    margin: -20px 0px 0px 0px;
}

.pure-5309 .pure-element.pure-element-1fc3214 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 4px;
}

.pure-5309 .pure-element.pure-element-1fc3214 .secondary-header {
    color: #ffa707;
    font-family: "Open Sans", Sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 20px;
    text-shadow: 1px 1px #031b4e;
}

.pure-heading-title {
    padding: 0;
    margin: 0;
    
}

.pure-5309 .pure-element.pure-element-b825b28 {
    text-align: center;
}

.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-5309 .pure-element.pure-element-b825b28 > .pure-widget-container {
    margin: 10px 0px 0px 0px;
}
.pure-5309 .pure-element.pure-element-b825b28 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-b825b28 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 110px;
    font-weight: 700;
}

.pure-5309 .pure-element.pure-element-b825b28 .pure-heading-title-2 {
    font-size: 48px;
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-weight: 700;
}

.pure-5309 .pure-element.pure-element-605cf38 {
    text-align: center;
}

.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-5309 .pure-element.pure-element-605cf38 > .pure-widget-container {
    margin: -10px 0px 0px 0px;
}

.pure-5309 .pure-element.pure-element-605cf38 {
    text-align: center;
}

.pure-5309 .pure-element.pure-element-605cf38 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 48px;
    font-weight: 600;
}

.pure-5309 .pure-element.pure-element-c837ae2 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-c837ae2 > .pure-widget-container {
    margin: 30px 10px 0px 10px;
}
.pure-5309 .pure-element.pure-element-c837ae2 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-c837ae2 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.5px;
}

.pure-5309 .pure-element.pure-element-def626e {
    width: 100%;
    max-width: 100%;
}
.pure-align-center {
    text-align: center;
}

.pure-5309 .pure-element.pure-element-def626e > .pure-widget-container {
    margin: 40px 0px 0px 0px;
}

.pure-5309 .pure-element.pure-element-def626e .pure-button {
    font-family: "Open Sans", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    fill: #343433;
    color: #343433;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    /* padding: 17px 50px 17px 50px; */
    height: 70px;
    cursor: pointer;
}
.pure-button span {
    text-decoration: inherit;
}
.pure-button-content-wrapper {
    display: flex;
    justify-content: center;
}
.pure-5309 .pure-element.pure-element-def626e .pure-button .pure-align-icon-right {
    margin-left: 8px;
}
.button-flex{
    display: flex !important;
    justify-content: space-between !important;
}

@media (min-width: 768px){
.pure-column.pure-col-60, .pure-column[data-col="60"] {
    width: 60%;
}
.pure-column.pure-col-50, .pure-column[data-col="50"] {
    width: 50%;
}
.pure-column.pure-col-25, .pure-column[data-col="25"] {
    width: 25%;
}
.pure-column.pure-col-20, .pure-column[data-col="20"] {
    width: 20%;
}
.pure-column.pure-col-30, .pure-column[data-col="30"] {
    width: 30%;
}}

.pure-5309 .pure-element.pure-element-f1d89f8:not(.pure-motion-effects-element-type-background) > .pure-column-wrap, .pure-5309 .pure-element.pure-element-f1d89f8 > .pure-column-wrap > .pure-motion-effects-container > .pure-motion-effects-layer {
    /* background-image: url(../img/professional.png); */
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.pure-inner-section .pure-column-gap-no .pure-element-populated {
    padding: 0;
}
.pure-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.pure-5309 .pure-element.pure-element-bf1f3c9 > .pure-container > .pure-row > .pure-column > .pure-column-wrap > .pure-widget-wrap {
    align-content: center;
    align-items: center;
}

.pure-5309 .pure-element.pure-element-f1d89f8.pure-column > .pure-column-wrap > .pure-widget-wrap {
    justify-content: flex-start;
}

.pure-5309 .pure-element.pure-element-f1d89f8 > .pure-element-populated > .pure-widget-wrap {
    padding: 0px 0px 0px 0px;
}

.pure:not(.pure-bc-flex-widget) .pure-widget-wrap {
    display: flex;
}
.pure-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    /* align-content: flex-start; */
}
.pure-5309 .pure-element.pure-element-250bd57:not(.pure-motion-effects-element-type-background), .pure-5309 .pure-element.pure-element-250bd57 > .pure-motion-effects-container > .pure-motion-effects-layer {
    background-image: url(https://www.pureprofile.com/wp-content/uploads/2021/06/spacer.png);
}

.pure-5309 .pure-element.pure-element-250bd57 {
    transition:  0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 30px;
    margin-bottom: 0px;
}
.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-section .pure-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

/* @media (min-width: 768px){
.pure-5309 .pure-element.pure-element-03a419a {
    width: 60%;
}} */

.pure-column {
    position: relative;
    min-height: 1px;
    ;
}

.pure-column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.pure-5309 .pure-element.pure-element-03a419a.pure-column > .pure-column-wrap > .pure-widget-wrap {
    justify-content: flex-start;
}

.pure-5309 .pure-element.pure-element-03a419a > .pure-element-populated > .pure-widget-wrap {
    padding: 40px 0px 0px 20px;
}
.pure:not(.pure-bc-flex-widget) .pure-widget-wrap {
    display: flex;
}

.pure-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.pure-widget:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 1025px) and (max-width: 99999px){
.pure .pure-hidden-desktop {
    display: none;
}}

.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-widget-image {
    text-align: center;
}

.pure-widget-image img {
    vertical-align: middle;
    display: inline-block;
}

.pure img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.pure-5309 .pure-element.pure-element-05cae44 {
    text-align: center;
}
.pure-widget:not(:last-child) {
    margin-bottom: 20px;
}
.pure-widget-wrap>.pure-element {
    width: 100%;
}

.pure-5309 .pure-element.pure-element-05cae44 > .pure-widget-container {
    margin: -20px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}
.pure-5309 .pure-element.pure-element-05cae44 {
    text-align: center;
}

.pure-5309 .pure-element.pure-element-9405972 {
    text-align: center;
}

.pure-widget:not(:last-child) {
    margin-bottom: 20px;
}
.pure-widget-wrap>.pure-element {
    width: 100%;
}
.pure-5309 .pure-element.pure-element-9405972 > .pure-widget-container {
    margin: 40px 0px 0px 0px;
}
.pure-5309 .pure-element.pure-element-9405972 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-9405972 .pure-heading-title {
    color: #ffa707;
    font-family: "Open Sans", Sans-serif;
    font-size: 110px;
    font-weight: bold;
}

.pure-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}

.pure-5309 .pure-element.pure-element-3b3a335 {
    text-align: center;
}
.pure-widget:not(:last-child) {
    margin-bottom: 20px;
}
.pure-widget-wrap>.pure-element {
    width: 100%;
}
.pure-5309 .pure-element.pure-element-3b3a335 > .pure-widget-container {
    margin: -20px 0px 0px 0px;
}
.pure-5309 .pure-element.pure-element-3b3a335 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-3b3a335 .pure-heading-title {
    color: #343433;
    font-family: "Open Sans", Sans-serif;
    font-size: 48px;
    font-weight: bold;
}
.pure-5309 .pure-element.pure-element-05cae44 .pure-heading-title {
    color: #333333;
    font-family: "Open Sans", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 4px;
}

.pure-5309 .pure-element.pure-element-05cae44 .secondary-header {
    color: #ffffff;
    font-family: "Open Sans", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 20px;
    text-shadow: 1px 1px #031b4e;
}

.pure-5309 .pure-element.pure-element-05cae44 > .pure-widget-container {
    margin: -20px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}

.pure-5309 .pure-element.pure-element-ecd9ec8 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-ecd9ec8 > .pure-widget-container {
    margin: 30px 10px 0px 10px;
}
.pure-5309 .pure-element.pure-element-ecd9ec8 {
    text-align: center;
}
.pure-5309 .pure-element.pure-element-ecd9ec8 .pure-heading-title {
    color: #333333;
    font-family: "Open Sans", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.5px;
}

.pure-widget-wrap>.pure-element {
    width: 100%;
}
.pure-5309 .pure-element.pure-element-c3e7982 > .pure-widget-container {
    margin: 40px 0px 0px 0px;
}

.pure-button {
    font-family: "Open Sans", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #181817;
    border-radius: 10px 10px 10px 10px;
    padding: 17px 60px 17px 60px;
    height: 70px;
    cursor: pointer;
}




.pure-button-content-wrapper {
    display: flex;
    justify-content: center;
}
.pure-5309 .pure-element.pure-element-c3e7982 .pure-button .pure-align-icon-right {
    margin-left: 8px;
}
.site-footer{
    background-color: #181817;
    padding: 20px;
    height: 50px;
}
.break {
    flex-basis: 100%;
    height: 0;
  }
.pure-button-join{
    width: 410px;
}


/* responsive */

  @media  screen and (min-width : 1024px) {
.mobile-sec{
    display: none;
}
  }
@media only screen and (min-width : 480px) and (max-width : 1023px){
    .mobile-sec{
        display: none;
    }
    }

  /* //smartphone portrait */
@media screen and (min-width: 320px) and (max-width: 479px) {

    .d-sec{
        display: none;
    }

    .pureprofile-row{
        width: 100%;
        display:block !important;
    
    }
    .pureprofile-section{
        display:block;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    
    }
    .img-consumer{
        width: 100%;
        position: relative;
        top: -55px;
        z-index: 1;
        /* box-shadow: 1px 10px 5px -4px rgb(0 0 0 / 26%); */
        border-bottom: 0.5px solid white;
    }
    .img-consumer img{
        width: 50% !important;
    }
    .consume-sec-text{
        position: relative;
        top: 60px;
        z-index: 999;
        padding: 0px 0px 0px 0px;
    }
    .img-professional{
        width: 100%;
        position: relative;
        /* top: -120px; */
        z-index: 1;
        box-shadow: 1px 10px 5px -4px rgb(0 0 0 / 26%);
    }
    .professionalimg{
        /* box-shadow: 1px 10px 5px -4px rgb(0 0 0 / 26%); */
        border-bottom: 0.5px solid white;
        position: relative;
        top: -120px;
    }
    .img-professional img{
        width: 50% !important;
       
        position: relative;
        /* right: -199px; */
        float: right;
    }
    .professional-sec-text{
        position: relative;
       
        z-index: 999;
        padding: 0px 0px 0px 0px;
    }
    .Joincommunity{
        top: -60px;
    }
    .pure-5309 .pure-element.pure-element-b825b28 > .pure-widget-container {
        margin: 0px 0px 0px 0px;
    }

    .backtransparent{
        background-color: #181817;
        padding: 12px;
        border-radius: 8px;
    mix-blend-mode: multiply;
opacity: 0.7; 
;  }

.logoimg{
    width: 50%;
}
.text-center-join{
    margin: 0px 0px 0px 34px;
}
.pure-5309 .pure-element.pure-element-1fc3214 > .pure-widget-container {
    margin: -60px 0px 0px 0px;
}
.pure-5309 .pure-element.pure-element-1fc3214 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 4px;
}
.pure-5309 .pure-element.pure-element-1fc3214 .secondary-header {
    color: #ffa707;
    font-family: "Open Sans", Sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 15px;
    text-shadow: 1px 1px #031b4e;
}
.pure-5309 .pure-element.pure-element-ecd9ec8 > .pure-widget-container {
    margin: 10px 10px 0px 10px;
}
.pure-5309 .pure-element.pure-element-c837ae2 > .pure-widget-container {
    margin: 10px 10px 0px 10px;
}
.pure-5309 .pure-element.pure-element-05cae44 .pure-heading-title {
    color: #333333;
    font-family: "Open Sans", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 4px;
}
.pure-5309 .pure-element.pure-element-05cae44 .secondary-header {
    color: #ffffff;
    font-family: "Open Sans", Sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 15px;
    text-shadow: 1px 1px #031b4e;
}
.pure-5309 .pure-element.pure-element-b825b28 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 55px;
    font-weight: 700;
}
.pure-5309 .pure-element.pure-element-b825b28 .pure-heading-title-2 {
    font-size: 36px;
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-weight: 700;
}
.pure-5309 .pure-element.pure-element-ecd9ec8 .pure-heading-title {
    color: #333333;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.5px;
}
.pure-5309 .pure-element.pure-element-c837ae2 .pure-heading-title {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.5px;
}

}
@media screen and (min-width: 413px) and (max-width: 415px) {
    .text-center-join{
        margin: 0px 0px 0px 35px;
    }
    
}
@media screen and (min-width: 374px) and (max-width: 375px) {
    .text-center-join{
        margin: 0px 0px 0px 23px;
    }
    
}
@media screen and (min-width: 220px) and (max-width: 360px) {

    .text-center-join{
        margin: 0px 0px 0px 15px;
    } 
}

@media screen and (min-width: 220px) and (max-width: 320px) {
    .pure-5309 .pure-element.pure-element-ecd9ec8 .pure-heading-title {
        color: #333333;
        font-family: "Open Sans", Sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5em;
        letter-spacing: -0.5px;
    }
    .pure-5309 .pure-element.pure-element-c837ae2 .pure-heading-title {
        color: #FFFFFF;
        font-family: "Open Sans", Sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5em;
        letter-spacing: -0.5px;
    }
    .pure-button {
        font-family: "Open Sans", Sans-serif;
        font-size: 22px;
        font-weight: 600;
        fill: #FFFFFF;
        color: #FFFFFF;
        background-color: #181817;
        border-radius: 10px 10px 10px 10px;
        padding: 17px 60px 17px 60px;
        height: 70px;
        cursor: pointer;
    }
    .text-center-join{
        margin: 0px 0px 0px 15px;
    }
}


@media only screen and (min-width : 480px) and (max-width : 1120px){

    .pure-5309 .pure-element.pure-element-1fc3214 .pure-heading-title {
        color: #FFFFFF;
        font-family: "Open Sans", Sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5em;
        letter-spacing: 4px;
    }
    .pure-5309 .pure-element.pure-element-05cae44 .pure-heading-title {
        color: #333333;
        font-family: "Open Sans", Sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5em;
        letter-spacing: 4px;
    }
    .pure-5309 .pure-element.pure-element-1fc3214 .secondary-header {
        color: #ffa707;
        font-family: "Open Sans", Sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5em;
        margin-top: 20px;
        text-shadow: 1px 1px #031b4e;
    }
    .pure-5309 .pure-element.pure-element-05cae44 .secondary-header {
        color: #ffffff;
        font-family: "Open Sans", Sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5em;
        margin-top: 20px;
        text-shadow: 1px 1px #031b4e;
    }
    .pure-5309 .pure-element.pure-element-ecd9ec8 .pure-heading-title {
        color: #333333;
        font-family: "Open Sans", Sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5em;
        letter-spacing: -0.5px;
    }
    .pure-5309 .pure-element.pure-element-c837ae2 .pure-heading-title {
        color: #FFFFFF;
        font-family: "Open Sans", Sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5em;
        letter-spacing: -0.5px;
        
    }
  


}

@media screen and (min-width: 1920px) {
   
    body{
            width: 100%;
        }
        
    }