@font-face {
        font-family: "textBlack"; 
        src: url("..//fonts/textBlack.woff") format("woff"); 
        font-style: normal; 
        font-weight: normal;
    }
        @font-face { 
        font-family: "textRegular"; 
        src: url("..//fonts/textRegular.woff") format("woff"); 
        font-style: normal; 
        font-weight: normal;
    }
        @font-face {
        font-family: "textMedium"; 
        src: url("..//fonts/textMedium.woff") format("woff"); 
        font-style: normal; 
        font-weight: normal;
    }
    body {
        color: #21201F;
    }

@media screen and (min-width: 1274px) {
    h1 {
        font: 900 72px/72px "textBlack";
        margin-top: 72px;
    }
    h2 {
        font: 900 48px/48px "textBlack";
    }
    p {
        font: 500 24px/31.2px "textRegular";
    }
    header {
        /* width: 1440px; */
        height: 804px;
        background-image: url(..//images/header.png);
        background-position-y: -117px;
        background-size: cover;
    }
    .header-div {
        position: absolute;
        left: 18.194vw;
        top: 124.94px;
    }
    .header-div p {
        margin: 48px 0 44px;
    }
    .price {
        position: relative;
        top: 8px;
    }
    .btn {
        font: 500 24px/31.2px "textRegular";
        background-color: #FFDE40;
        padding: 24px 48px;
        border: none;
        border-radius: 36px;
    }
    .btn:hover {
        transform: scale(1.05);
    }
    .headerMobil,
    .main-grid-imgMobil,
    .btnMobil,
    .main-access-imgMobil,
    .main-club-imgMobil,
    .main-sliderMobil {
        display: none;
    }
    .main-grid-h2 {
        margin: 65.64px 0 48px 18.194vw;
        font: 900 56px/56px "textBlack";
        width: 700px;
    }
    .main-grid {
        padding-left: 18.194vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 16px;
    }
    .main-grid div {
        padding-bottom: 61px;
        width: 400px;
        font: 500 24px/28.8px "textRegular";
    }
    .main-grid-img {
        padding-bottom: 16px;
    }
    .main-access {
        margin-top: 67px;
        padding-left: 18.194vw;
        background-image: url("..//images/access.png");
        background-size: cover;
        background-position-y: 82px;
        background-position-x: -60px;
        height: 1388px;
    }
    .main-access p {
        width: 432px;
        padding-top: 48px;
    }
    .main-membership {
        width: 419px;
        margin: 40px 0 0;
        padding-left: 18.194vw;
    }
    .main-membership p {
        padding-top: 48px;
    }
    .main-membership-img {
        position: absolute;
        left: 578px;
        top: 2900px;
    }
    .main-club {
        width: 419px;
        padding-left: 736px;
        position: absolute;
        top: 3730px;
    }
    .main-club p {
        padding: 48px 0;
    }
    .footer {
        width: 906px;
        padding: 0 0 100px 18.194vw;
    }
    .footer,
    .footer a {
        font: 400 13px/15.6px "textRegular";
        color: #C5C5C5;
    }
}



@media screen and (min-width: 491px) and (max-width: 1273px) {
    h1 {
        font: 900 72px/72px "textBlack";
        margin-top: 72px;
    }
    h2 {
        font: 900 48px/48px "textBlack";
    }
    p {
        font: 500 24px/31.2px "textRegular";
    }
    header {
        height: 804px;
        background-image: url(..//images/header.png);
        background-position-y: -102px;
        background-size: cover;
    }
    .header-div {
        position: absolute;
        left: 8vw;
        top: 124.94px;
    }
    .header-div p {
        margin: 48px 0 44px;
    }
    .price {
        position: relative;
        top: 8px;
    }
    .btn {
        font: 500 24px/31.2px "textRegular";
        background-color: #FFDE40;
        padding: 24px 48px;
        border: none;
        border-radius: 36px;
    }
    .btn:hover {
        transform: scale(1.05);
    }
    .headerMobil,
    .main-grid-img,
    .btnMobil,
    .main-access-imgMobil,
    .main-club-imgMobil,
    .main-membership-img,
    .main-sliderMobil {
        display: none;
    }
    .main-grid-h2 {
        margin: 65.64px 0 48px 8vw;
        font: 900 56px/56px "textBlack";
        width: 80vw;
    }
    .main-grid {
        padding-left: 6vw;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
    .main-grid div {
        display: flex;
        justify-content: left;
        align-items: center;
        padding-bottom: 21px;
        width: 88vw;
        font: 500 24px/28.8px "textRegular";
    }
    .main-grid-imgMobil {
        padding: 0 15px 16px 0;
    }
    .main-access {
        margin-top: 67px;
        padding-left: 8vw;
        background-image: url("..//images/access.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: 120px;
        background-position-x: -220px;
        height: 1388px;
    }
    .main-access p {
        width: 432px;
        padding-top: 48px;
    }
    .main-membership {
        background-image: url(..//images/scooter.png);
        background-size: cover;
        background-position-y: -140px;
        width: 86vw;
        height: 620px;
        margin: 40px 0 0;
        padding-left: 8vw;
    }
    .main-membership p {
        padding-top: 48px;
    }
    .main-club {
        width: 88vw;
        margin-top: -170px;
        padding: 0 0 50px 8vw;
    }
    .main-club p {
        padding: 48px 0;
    }
    .main-club-img {
        margin: -160px 0 0 -160px;
    }
    .footer {
        width: 88vw;
        padding: 0 0 100px 8vw;
    }
    .footer,
    .footer a {
        font: 400 13px/15.6px "textRegular";
        color: #C5C5C5;
    }
}



@media screen and (min-width: 920px) and (max-width: 1273px) {
    .main-grid {
        padding-left: 8vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 16px;
    }
    .main-grid div {
        padding-bottom: 61px;
        width: 400px;
        font: 500 24px/28.8px "textRegular";
    }
    .main-grid-img {
        padding-bottom: 16px;
    }
    .main-membership {
        background-image: none;
        width: 419px;
        margin: 20px 0 0;
        padding-left: 8vw;
    }
    .main-membership-img {
        display: inline;
        position: absolute;
        left: 35vw;
        top: 2750px;
        z-index: -1;
    }
    .main-club {
        width: 419px;
        padding-left: 50vw;
        position: absolute;
        top: 3760px;
    }
    
}



@media screen and (min-width: 350px) and (max-width: 490px) {
    h1 {
        font: 900 36px/36px "textBlack";
        margin-top: 32px;
    }
    h2 {
        font: 900 32px/32px "textBlack";
    }
    p {
        font: 500 18px/23.4px "textMedium";
    }
    header {
        height: 636px;
        /* width: 375px; */
        background-image: url(..//images/headerbackMobil.png);
        background-size: cover;
    }
    .header-div {
        padding: 32px 0 0 32px;
    }
    .logo {
        height: 32px;
    }
    .header-div p {
        margin: 35px 0 2px;
    }
    .price {
        position: relative;
        top: 6px;
        height: 23px;
    }
    .main-grid-img,
    .btn,
    .main-membership-img,
    .main-club-img {
        display: none;
    }
    .btnMobil {
        font: 500 18px/22px "textRegular";
        background-color: #FFDE40;
        width: 84vw;
        /* margin-top: 70px; */
        padding: 18px 0px;
        border: none;
        border-radius: 36px;
        position: sticky;
        bottom: 24px;
        left: 32px;
        z-index: 3;
    }
    .btnMobil:hover {
        transform: scale(1.05);
    }
    .main-grid-h2 {
        margin: 0 0 32px 32px;
        padding-top: 68px;
    }
    .main-grid {
        padding-left: 20px;
        display: grid;
        grid-template-columns: 1fr;
        width: 88vw;
        row-gap: 28px;
    }
    .main-grid div {
        display: flex;
        justify-content: left;
        align-items: center;
        /* width: 331px; */
        font: 500 16px/19.2px "textRegular";
    }
    .main-grid-imgMobil {
        padding-right: 10px;
    }
    .main-access {
        margin-top: 72px;
        padding-left: 32px;
    }
    .main-access p {
        /* width: 311px; */
        padding-top: 32px;
    }
    .main-access-imgMobil {
        position: absolute;
        right: -326px;
        top: 1350px;
        z-index: 2;
        scale: 0.13;
    }
    .swiper {
        margin: 0 auto;
        width: 93vw;
        height: 93vw;
        padding: 48px 0 102px;
    } 
    .swiper-button-next:after,
    .swiper-button-prev:after {
        content: '';
    }
    .swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 118vw;
        width: 44px;
    }
    .swiper-button-prev {
        left: 32vw;
        background-image: url(..//images/arrowLast.png);
        background-size: cover;
    }
    .swiper-button-next {
        right: 32vw;
        background-image: url(..//images/arrowNext.png);
        background-size: cover;
    }
    .swiper-button-prev:hover {
        background-image: url(..//images/arrowLastH.png);    
    }
    .swiper-button-next:hover {
        background-image: url(..//images/arrowNextH.png);    
    }
    .main-membership h2 {
        width: 88vw;
    }
    .main-membership {
        /* width: 419px; */
        margin: 32px 0 0;
        padding-left: 32px;
    }
    .main-membership>p {
        padding-top: 32px;
    }
    .main-club-imgMobil {
        padding: 40px 0 0 0;
    }
    .main-club {
        /* width: 419px; */
        padding-left: 32px;
    }
    .main-club p {
        padding: 32px 0;
        width: 86vw;
    }
    .footer {
        width: 86vw;
        padding: 60px 0 60px 32px;
    }
    .footer,
    .footer>a {
        font: 400 10px/12px "textRegular";
        color: #C5C5C5;
    }
}



@media screen and (max-width: 349px) {
    body {
        display: none;
    }
}