* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root {
    --content-width: 1000px;
    --content-width-narrow: 600px;

    /* 90% */
    --content-width: 900px;
    --content-width-narrow: 540px;

    --font-size-body: 16px;
    --font-size-body-large: 19px;
    --font-size-h1: 48px;
    --font-size-h2: 28px;

    --almost-black: #0D1014;

}
body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
}

.webgl {
    z-index: -1;
    position: fixed;
}


* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}


/* html,
body
{
overflow: hidden;
} */
body {
    background: #1A1E24;
    /*            background: white;*/
}

img {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

#top_bar {

    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    /* background: rgba(255, 255, 255, 0.4);*/
    padding: 30px;
    color: white;
    transition: transform .3s cubic-bezier(0.65, 0, 0.35, 1);
}

#top_bar.scrolled {
    transform: translateY(-100%);
}

#top_bar .date,
footer .date {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buy_button {
    width: 200px;
    height: 60px;
    color: white;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#countdown .buy_button {
    height: 40px
}

.buy_button::before,
.buy_button::after {
    content: '';
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(0.65, 0, 0.35, 1);

}

.buy_button::before {
    border: 1px solid transparent;
    background: linear-gradient(158.33deg, #3B72ED 4.29%, #3DB1FF 85.78%);
    z-index: -1;
}

.buy_button::after {
    border: 1px solid #44474D;
    z-index: -2;
}


.buy_button:hover::before {

    transform: scale(0.92, 0.733);
}

.buy_button:hover::after {

    transform: scale(1.03, 1.1);
}


#page_content {
    z-index: 3;
    color: white;
}

#rest_of_the_page {
    z-index: 4;
    position: relative;
    height: 300vh;
    color: white;
    margin-top: 25vh;
}


.section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

p {
    font-size: var(--font-size-body);
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: .012em;
}

.narrow {
    width: var(--content-width-narrow);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.logo {
    width: 276px;
    height: 52px;
    background: url(assets/images/096adedc8177f77a.png);
    background-size: 73px 52px;
    background-repeat: no-repeat;
}
footer .logo {
    background-image: url(assets/images/440e96f2de14e1b6.png);
    margin-bottom: 30px;
}
#main_video {

    width: 680px;
    height: 382.5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;

}

#header h1 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: var(--font-size-h1);
    line-height: 100%;
    margin-bottom: 30px;
    text-align: center;
}

h1.heavy {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: var(--font-size-h1);
    line-height: 100%;
    margin-bottom: 30px;
    text-align: center;
}

h2.heavy {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 30px;
    text-align: center;
}

#header h2 {
    text-align: center;
    text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.8);
}

h1 {
    font-style: normal;
    font-weight: 700;
    font-size: var(--font-size-h1);
    line-height: 1.167;
    letter-spacing: -0.01em;

}


.content {
    width: var(--content-width);
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
}

h2 {
    font-weight: 400;
    font-size: var(--font-size-h2);
    margin-bottom: 14px;
}

h1 {
    margin-bottom: 14px;
    line-height: 1;
}

p {
    margin-bottom: 14px;
}

h1:last-child,
h2:last-child,
p:last-child {
    margin-bottom: 0;
}

.columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.columns>* {
    width: 50%;
}




#old_models {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: var(--content-width);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.old_model {
    text-align: center;

    margin-bottom: 60px;
    border: 1px solid #44474D;
    padding-bottom: 60px;
    width: calc(33.3% - 20px);
    margin: 0;
}

#old_model_3 {
    margin-bottom: 0;
}


.old_model h2 {
    margin-top: 30px;
}

.old_model img,
.new_model img {
    width: 200px;

}

.old_model .steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 36px;
}

.old_model .steps h4 {
    font-weight: normal;
    margin-top: 8px;
}

.old_model .step {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.old_model .arrow {
    width: 100%;
    height: 2px;
    background: white;
    position: relative;
}


.old_model p {
    text-align: left;
}

.new_model ul,
.old_model ul {
    list-style-type: none;
    font-size: var(--font-size-body);
    text-align: left;
    margin-bottom: 30px;
}

.new_model ul li,
.old_model ul li {
    margin-bottom: 22px;
    position: relative;
    padding-left: 40px
}

.new_model ul li:before,
.old_model ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(assets/images/3f5634e60f8550de.svg);
    width: 28px;
    height: 28px;
}
.new_model ul li:last-child,
.old_model ul li:last-child
 {
    margin-bottom: 0;
}


.new_model ul li::before {
    background: url(assets/images/7006afd8b0226f79.svg);
}

/* --- */


#what_you_learn ul {
    list-style-type: none;
    font-size: var(--font-size-body);
    text-align: left;
}
#what_you_learn ul li {
    margin-bottom: 22px;
    position: relative;
    padding-left: 40px
}

#what_you_learn ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(assets/images/3f5634e60f8550de.svg);
    width: 28px;
    height: 28px;
}
#what_you_learn ul li:last-child
{
    margin-bottom: 0;
}


#what_you_learn ul li::before {
    background: url(assets/images/7006afd8b0226f79.svg);
}

/* --- */

.old_model h2 {
    margin-bottom: 30px;
}

#old_model_1 h1 {
    font-size: 40px;
}

.old_model h2 {
    font-weight: bold;
}

#old_model_3_parent {
    padding-bottom: 80px;
}

#sell_deliver_scale {
    padding-top: 80px;
    background: white;
}

#sell_deliver_scale .content {
    background: url(assets/images/a1beea2729ca9c14.png);
    background: #44474D;
    background-size: cover;
    padding-bottom: 30px;
    border-radius: 0;
}

#sell_deliver_scale h1 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: var(--font-size-h1);
    line-height: 100%;
    margin-bottom: 30px;
    text-align: center;
}

#sell_deliver_scale .content{
    background: white;
    color: black;

}
.arrow_ {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    background: url(assets/images/eb2e96cbadd8166d.svg);
    width: 40px;
height: 40px;
}

#when_you_use {
    color: #353535;
}  #when_you_use b {
    color: black;
}

#sell_deliver_scale .steps {
    display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
margin-bottom: 30px;
}

#sell_deliver_scale .steps .step{
    display: block;
    width: calc(33.3% - 20px);text-align: center;
}#sell_deliver_scale img {
    width: 180px;
    margin-bottom: 0;
}
section.white {
    background: white;
    color: var(--almost-black);
    padding-top: 80px;
    margin-bottom: 0;
}

.new_model .steps {
    margin-bottom: 30px;
}

.new_model h2 {
    text-align: center;
    margin-top: 40px;
}

.new_model .step {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.new_model .arrow {
    height: 30px;
    width: 2px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: black;
}

.new_model .arrow::after {
    top: auto;
    left: 50%;
    right: auto;
    bottom: -1px;
    transform: translateX(-50%) rotate(90deg);


    content: '';
    position: absolute;

    background: url(assets/images/4310034a11609cb9.svg);
    width: 9px;
    height: 11px;
}

#sell_deliver_scale .step {
    font-size: var(--font-size-body-large);
}

.testimonial img {
    width: 80px;
    border-radius: 50%;
    margin-right: 20px;
}

.author_name {
    font-weight: bold;
}

.author_title {
    opacity: 0.5;
}

.author_parent {
    display: flex;
    align-content: flex-start;
    align-items: center;
    margin-top: 20px;padding-left: 30px;
}



.testimonial {
    width: calc(33.3% - 20px);
    max-width: 100%;
    box-shadow: 0px 2px 3px rgba(44, 58, 75, 0.1);
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.testimonial .quote {
    font-weight: 300;
    font-size: 30px;
    position: relative;
    padding-left: 30px;
}

.testimonial .quote::before {
    content: '“';
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

#connect_with_others {
    padding-bottom: 20px;
}

.testimonials {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

#connect_with_others h1 {
    text-align: center;
}


#how_to_get_started {
    padding-bottom: 80px;

}

#how_to_get_started h1 {
    text-align: center;
}

#tickets {
    /* background: url(graphics/gradient.png); */
    background:#0D1014;
    background-size: cover;
    color: white;

    padding-top: 120px;
    padding-bottom: 120px;
}
#tickets .container {
    width: 1104px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ticket>img {
    width: 380px;
    position: absolute;
    top: -15px;
    left: -15px;
}

.ticket {
    width: calc(50% - 20px);
    background: white;
    position: relative;
    color: var(--almost-black);
    padding-bottom: 30px;
    padding-top: 30px;

}

.ticket_content {
    padding-left: 30px;
    padding-right: 30px;
}

.price_regular h2 {
    text-decoration: line-through;
}

.ticket .prices,
.ticket .sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ticket .prices>* {
    width: calc(50% - 10px);
}

.ticket .prices h3 {
    margin-bottom: 0;
    line-height: 100%;
    opacity: 0.5;
}

.ticket .prices h2 {
    font-size: 40px;
}

.ticket .discount {
    background: #e7eff7;
    color: #8ab1d2;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
}

.inactive {
    opacity: 0.5;
}

#tickets ul {
    margin-top: 20px;
}

#tickets h1 {
    font-size: var(--font-size-h1);
    margin-bottom: 40px;
    text-align: left;
}

.ticket ul li {
    list-style-type: none;
    margin-bottom: 16px;
}

.ticket .button {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ticket p {
    text-align: center;
    margin-bottom: 0;
    color: #8ab1d2;
}

.ticket .sale {
    margin-bottom: 20px;
    margin-top: 20px;
}

#tickets_columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ticket>h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
}

#tickets .sale>div:last-child {
    position: relative;
    color: #f4564b;

}

#tickets .sale>div:last-child::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    width: 14px;
    height: 14px;
    background: url(assets/images/6ea7d7f572bbd9c8.svg) no-repeat;
}

.ticket .prices .price_regular h2 {
    font-size: 30px;
}

.ticket .list li::after {
    background-image: url(assets/images/9b9a997ea215e6c3.svg);
    width: 16px;
    height: 16px;
}

.ticket .list li {
    padding-left: 30px;
}

.ticket .list li.inactive::after {
    background-image: url(assets/images/9d76a33bc28783e6.svg);
}

.ticket .list li.bonus::after {
    background-image: url(assets/images/79d55ac7bc630303.svg);
}

.list li {
    list-style-type: none;

    padding-left: 40px;
    position: relative;
    margin-bottom: 24px;
}

li:last-child {
    margin-bottom: 0;
}

.list li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(assets/images/9b9a997ea215e6c3.svg) no-repeat center left;
    width: 22px;
    height: 22px;
}

.ticket_content {
    position: relative;
    z-index: 1;
}

.ticket_content .buy_button {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}

.ticket p {
    font-size: 16px;
}

.ticket .discount {
    margin-top: 16px;
    font-size: 16px;
}

#basic_booth,
#replay_pass {
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    background: #e7eff7;


    padding-bottom: 20px;
}

#replay_pass {
    padding-top: 20px;
}

#basic_booth {
    padding-bottom: 20px;
}



#basic_booth img,
#replay_pass img {
    margin-right: 10px;
}

.ticket_canvas {
    width: 100%;
    height: 240px;

}


#bonus .item {
    width: calc(50% - 20px);

    margin-top: 40px;
}

#bonus .item img {
    margin-bottom: 16px;
    margin-top: 16px;
    width: 100%;
}

#bonus .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;

}

#bonus .items h2 {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 100%;
}



footer {
    padding: 40px 80px;
    background: black;
    color: white;

    padding-bottom: 100px;
}

footer .content {
    width: 1280px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

}

footer .logo {
    width: 276px;
}

footer {
    background:#000;
    padding-top:60px;
    color:#fff
   }
   footer .col:first-child {
    color:#7d848e
   }
   footer .col h3 {
    margin-bottom:20px
   }
   footer .col a {
    display:block;
    margin-bottom:16px;
    color:#4c5e7c;
    text-decoration:none
   }
   footer .col a:hover {
    color:#fff;
    text-decoration:underline
   }
   footer .col a:last-child {
    margin-bottom:0
   }
   footer .content {
    display:flex;
    align-items:flex-start;
    justify-content:space-between
   }
   footer .col {
    width:calc(25% - 22.5px)
   }
   footer svg {
    fill:#7d848e;
    margin-bottom:20px
   }


#join_me .columns {
    margin-bottom: 30px;
}

#over_3_days {
    padding-bottom: 30px;

}
#how_to_get_started p,
#over_3_days p {
    font-size: var(--font-size-body-large);
}

#ticket_graphics_placeholder {
    width: var(--content-width);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#spend_3_days {
    text-align: center;
}

#what_you_learn .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

#what_you_learn .item:last-child {
    margin-bottom: 0;
}

#what_you_learn .icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 14px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;

    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid black;
}

#ticket_graphics_placeholder img{
width: 987px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}

#are_you p,
#sam_bakker p {
    font-size: var(--font-size-body-large);
}

#are_you .text,
#sam_bakker .text {
    background: url(assets/images/3bef273785208f51.svg);
    padding: 30px;
    z-index: 4;
    backdrop-filter: blur(32px);
}

#are_you .text:hover,
#sam_bakker .text:hover {
    background: rgba(0,0,0,0.5) url(assets/images/3bef273785208f51.svg);
    cursor: pointer;
}

#old_models {
    flex-direction: column;
}
                    .old_model {
                        width: 100%;
                        margin-bottom: 30px;
                        text-align: left;
                    }

                    .old_model .narrow {
                        width: 100%;
   
                    }
                    .old_model .description {
                        margin-bottom: 30px;
                    }
                    .old_model h2 {
                        margin-bottom: 10px;
                    }
                    .image_n_points {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;

                    }
                    .image_n_points > * {
                        width: 50%;
                        flex-grow: 0;
                        flex-shrink: 0;
                        flex-basis: auto;
                    }
                    .image_n_points ul.narrow {
                        width:calc(70% - 30px);
                        margin: 0;

                    }
                    .image_n_points img {
                        width:calc(30% - 30px);
                    }

                    #old_model_2 .steps {
                    width: 600px;
                    height: 600px;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    background: url(assets/images/cd6dd535c85c0870.svg);
                    background-size: 100% 100%;
                    position: relative;
                    margin-top: 30px;
                }

                #old_model_2 .step {
                    position: absolute;
                }

                #old_model_2_step_1 {
                    top: 4%;
                    left: 19%;

                }

                #old_model_2_step_2 {
                    bottom: 2.5%;
                    left: 17%;
                }

                #old_model_2_step_3 {
                    top: 50%;
                    transform: translateY(-50%);
                    right: 2%;
                }

                #old_model_3_parent {
                    background: linear-gradient(transparent, #1A1E24)
                }

                #a_much_better_way {

                    font-weight: 800;

                    background: -webkit-linear-gradient(0, #E22050 0%, #B92E7F 38.41%, #4053DD 132.28%, #4D84FF 196.29%, #3DFFFF 273.1%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;

                }



                #clockdiv {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 33%;
               
                }
                   
               #countdown {
                       background: white;
                       position: fixed;
                       z-index: 99;
                       bottom: 0;
                       left: 0;
                       width: 80vw;
                       left: 50%;
                       transform: translateX(-50%);
                       height: 60px;
                       align-items: center;
                       justify-content: center;
                       display: flex;
                       transition: all .4s ease-in-out;
                       border-top: 1px solid rgba(0, 0, 0, 0.1);
                       border-left: 1px solid rgba(0, 0, 0, 0.1);
                       border-right: 1px solid rgba(0, 0, 0, 0.1);
                   }
               
                   #countdown .content {
                       display: flex;
                       align-items: center;
                       justify-content: space-between;
                       width: 1280px;
                       position: relative;
               
                   }
               
                   #countdown.dark {
                       background: var(--almost-black);
                       color: white;
                   }
               
                   
                   #countdown h2 {
                       position: relative;
                       padding-left: 55px;
                   }
               
                   #countdown .content {
                       position: relative;
                       height: 100%;
                       display: flex;
                       align-items: center;
                       justify-content: space-between;
                   }
                   #countdown .content::before {
                       content: '';
                       position: absolute;
                       bottom: 0;
                       left: 0;
                       background-image: url(assets/images/1ea93371dc91c2d6.png);
                       background-size: 76px 65px;
                       width: 76px;
                       height: 65px;
               
                   }
               #countdown h2 {
                   margin: 0;
               }
               
               #clockdiv > * {
                    width: 25%;
                    text-align: center;
                }
               
                #clockdiv h3 {
                    margin-bottom: 0;
                    line-height: 100%;
                }
               
                #clockdiv p {
                    opacity: 0.5;
                }

                #added_benefits {
                    padding-top: 80px;
                    padding-bottom: 40px;
                    background :black;
                }
    
                    #bonus .item {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
    
                    #bonus .item div {
                        width: calc(50% - 16px);
                    }
                    #bonus .item img{
                        width: calc(50% - 16px);
                    }
    
                    #bonus .items h2 {
                        margin-bottom: 16px;
                        font-weight: 900;
                        font-size: 28px;
                        /* font-size: 'Montserrat';
                        text-transform: uppercase; */
    
                        font-weight: 300;
    font-size: 36px;
    position: relative;
    
                    }
                    
                    #bonus .items h3 {
                        margin-bottom: 16px;
                    }
                     #bonus .items i {
                        font-size: 20px;
                        font-weight: normal;
                        opacity: 0.65;
                        text-transform: none;
                        font-style: normal;
                        display: block;
                        margin-bottom: 12px;
                        line-height: 1.1;
                    }  
                    
                    
                    
                .ticket_bonus {
                    background: #e7eff7;
                    color: black;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 12px;
                    border-radius: 6px;
                }

                #ticket_canvas_parent {
                    background: url(assets/images/354bae9275d3ecff.png);
                    background-repeat: no-repeat;
                    background-position: bottom center;
                    background-size: contain;
                }
                #tickets h1 {
                    font-size: 60px;
                }

@media(max-width: 1100px) {
    #countdown {
        display: none !important;
    }

}

@media(max-width: 800px) {
    .testimonial {
        width: 100%;
    }.testimonials {
        width: 100%;
    }
    .ticket_bonus {
        text-align: left;
        display: block;
    }#tickets h1 {
        font-size: 10vw;
    }

    #top_bar .date, footer .date {
        top: auto;
        left: auto;
        right: auto;
        text-align: center;
        transform: none;
        display: none;
    }
    #top_bar {
        position: static;
        padding: 24px;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
    }
    #top_bar .buy_button{
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    #buy_tickets_top {
        transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
    }

    #buy_tickets_top.scrolled {
        transform: translateY(100%);
        
    }

    .section {
        /* height: auto;
        padding-top: 40px;
        padding-bottom: 40px; */
    }

    .narrow {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }.content > .narrow {
        padding: 0;
        }

    h1 br,
    h2 br {
        display: none;
    }
/* 
    h1,
    #tickets h1,
    #header h1,
    #sell_deliver_scale h1,
    h1.heavy {
        font-size: 8vw;
    }
    h2.heavy,
    #header h2 {
        font-size: 5vw;
    }
    */

    :root {
        --font-size-h1: 8vw;
        --font-size-h2: 5vw;
    }


    #main_video {
        width: 100%;
        height: calc(56.25vw - 27px);
        margin-top: 30px;;
    }


    #main_video iframe {
        width: 100%;
        height: 100%;
    }
    .content {
        padding-left: 24px;
        padding-right: 24px;
    }
    .old_model .narrow {
        padding: 0;
    }

    .image_n_points {
        flex-direction: column;
    }
    
    .image_n_points img {
        width: 100%;
    }
    .image_n_points ul.narrow {
        width: 100%;
    }
.columns {
    flex-direction: column;
}
.columns > * {
   width: 100%;
}
#ticket_graphics_placeholder {
    height: auto;
}

    #sam_bakker .spacer,
    #are_you .spacer {
        display: none;
    }
    #are_you .text,
    #sam_bakker .text {
        width: 100%;
    }

    #header {
        padding-bottom:  30px;
        align-items: flex-start;
        padding-top: 30px;
    }

    #old_models {
        flex-direction: column;
    }
    .old_model {
        width: 100%;
        border: none;
        padding-bottom: 0;
    }

    .old_model img {
        width: calc(80vw - 48px);
    }
    .new_model img {
            width: 24vw;
    }
    #sell_deliver_scale .content {
        padding-top: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        width: calc(100vw - 48px);
        padding: 24px;
    }
    #sell_deliver_scale .narrow {
        padding: 0;
    }
    #sell_deliver_scale h1 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .testimonials {
        flex-direction: column;
        padding-left: 24px;
        padding-right: 24px;
    }
    .testimonial {
        margin:0;
        margin-bottom: 24px;
    }
    .testimonial:last-child {
        margin-bottom: 0;
    }

    footer .content {
        flex-direction: column;
    }

    #tickets_columns {
        flex-direction: column;
    }
    
    .ticket {
        width: 100%;
    }
    #bonus {
        padding-top: 30px;
    }
    #tickets {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #bonus .items {
        flex-direction: column;
    }#bonus .item {
        width: 100%;
    }
    #added_benefits2 .narrow{
        padding: 0;
    }

    #tickets h1 {
        margin-bottom: 30px;
        text-align: center;
        margin-top: 30px;
    }#sell_deliver_scale .steps {
        flex-direction: column;
    }#sell_deliver_scale .steps .step {
        width: 100%;
        margin-bottom: 20px;
    }#sell_deliver_scale img {
        width: 30vw;
    }#tickets .container {
        padding-left: 24px;
        padding-right: 24px;
    }


    
 footer .content {
    flex-direction:column
   }
   footer .col {
    width:100%;
    margin-bottom:24px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,0.1)
   }
   footer .col:last-child {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0
   }footer {
    padding: 24px;
   }

   #bonus .item {
    flex-direction: column;
   }#bonus .item div {
    width: 100%;
   }
}

/* --- update Nov 29 2023 --- */

@media(max-width: 1400px) {
    #tickets .container {
        padding-left: 24px;
        padding-right: 24px;
    }

}
@media(max-height: 870px) and  (min-width: 870px){ 
    #header h1 {
        font-size: 4.5vh;
        margin-top: 80px;
    }
    h2 {
        font-size: 2.5vh;
    }
}

/*# sourceMappingURL=main.css.map*/