/* 
HERO
*/
.main1-hero-headline p:not(:first-of-type),
.main1-hero-details {margin: .5em 0 0 18.3333vw;}
@media only screen and (min-width: 1024px) {
    .main1-hero-headline p:first-of-type {width: 85%;}
    .main1-hero-headline p:not(:first-of-type),
    .main1-hero-details {margin: .75em 0 2rem 20vw;}
}
.main1-hero-details {margin-top: 1rem;}
@media only screen and (min-width: 1024px) {
    .main1-hero-details {margin-top: 0;}
}

.main1-hero-details p:not(:first-of-type) {margin-left: 2em;}


/* 
TEXT
*/
.main1-text-wrapper {
    min-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    overflow: hidden !important;
}
@media only screen and (min-width: 1024px) {
    .main1-text-wrapper {
        min-width: calc(100vw - 3rem);
        width: calc(100vw - 3rem);
        max-width: calc(100vw - 3rem);
    }
}

.main1-text-wrapper p {white-space: nowrap;}


/* 
MANIFESTO
*/
#main1-manifesto {overflow: visible !important;}
#main1-manifesto > .grid p {
    grid-column: 1/-1;
    margin-top: 1rem;
    width: 80%;
}
#main1-manifesto p {
    z-index: 5;
}
@media only screen and (min-width: 1024px) {
    #main1-manifesto > .grid {padding: 0 8vw;}
    #main1-manifesto > .grid p {
        grid-column: span 2;
        width: 100%;
    }
}

#main1-manifesto > img {
    position: absolute;
    width: 25vw;
}
#main1-manifesto > img:nth-of-type(1) {
    top: 50vh;
    left: 2rem;
}
#main1-manifesto > img:nth-of-type(2) {
    top: calc(50vh + 140vw);
    right: 10vw;
}
#main1-manifesto > img:nth-of-type(3) {top: calc(50vh + 280vw);}
@media only screen and (min-width: 1024px) {
    #main1-manifesto>img {
        width: 15vw;
    }
    #main1-manifesto>img:nth-of-type(1) {
        top: 40vh;
        left: 4rem;
    }
    #main1-manifesto>img:nth-of-type(2) {
        top: 140vh;
        right: 20vw;
    }
    /* #main1-manifesto>img:nth-of-type(3) {
        top: 170vh;
        right: 4rem;
    } */
}