html,
body {
    overflow-x: hidden;
}

:root {
    --white: white;
    --black: black;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

body {
    color: #1a1b1f;
    font-family: IBM Plex Sans, Roboto, sans-serif;
    font-size: 16px;
    letter-spacing: .1px;
    font-weight: 400;
    line-height: 28px;
}

h1 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 44px;
    font-weight: 400;
    line-height: 34px;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 400;
    line-height: 50px;
}

h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 400;
    line-height: 46px;
}

h4 {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

p {
    margin-bottom: 10px;
}

a {
    color: #1a1b1f;
    text-decoration: underline;
    transition: opacity .2s;
    display: block;
}

a:hover {
    color: #32343a;
}

a:active {
    color: #43464d;
}

ul {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 40px;
    list-style-type: disc;
}

li {
    margin-bottom: 10px;
}

img {
    display: block;
}

label {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

blockquote {
    border-left: 5px solid #e2e2e2;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 15px 30px;
    font-size: 20px;
    line-height: 34px;
}

figure {
    margin-top: 25px;
    padding-bottom: 20px;
}

figcaption {
    opacity: .6;
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    line-height: 26px;
}

.heading-jumbo-small {
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 400;
    line-height: 50px;
}

.styleguide-block {
    text-align: left;
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 80px;
    display: block;
}

.heading-jumbo-tiny {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.rich-text {
    width: 70%;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
}

.rich-text p {
    opacity: .6;
    margin-top: 15px;
    margin-bottom: 25px;
}

.container {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.styleguide-content-wrap {
    text-align: center;
}

.paragraph-small {
    font-size: 14px;
    line-height: 26px;
}

.styleguide-header-wrap {
    height: 460px;
    color: #fff;
    text-align: center;
    background-color: #1a1b1f;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
}

.styleguide-button-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.heading-jumbo {
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 64px;
    line-height: 80px;
}

.paragraph-tiny {
    padding-left: 1rem;
    width: 25vw;
    font-size: 12px;
    line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
    opacity: .7;
}

.label {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.label.cc-styleguide-label {
    margin-bottom: 25px;
}

.label.cc-speaking-label {
    margin-top: 20px;
    margin-bottom: 10px;
}

.label.cc-about-light {
    opacity: .6;
}

.paragraph-light {
    margin-top: 25px;
    font-family: IBM Plex Sans, Roboto, sans-serif;
    font-size: 15px;
    letter-spacing: .25px;
    line-height: 20px;
}

.paragraph-light.cc-position-name {
    margin-bottom: 5px;
}

.section {
    display: inline-block;
    position: relative;
    width: 100%;

}

.section.cc-contact {
    margin-top: 1rem;
    padding-left: 80px;
    padding-right: 80px;
}

.button {
    width: 90vw !important;
    /* float: right; */
    margin-right: 5rem;
    /* letter-spacing: 2px; */
    /* height: 100px; */
    /* text-transform: uppercase; */
    margin-top: 2px;
    /* border-radius: 0; */
    /* padding: 5rem 0 0 0rem; */
    /* font-size: 12px; */
    /* line-height: 20px; */
    /* width:  100vw; */
    /* text-decoration: none; */
    /* transition: background-color .4s, opacity .4s, color .4s; */
}


.button:active {
    background-color: #43464d;
}

.button.cc-jumbo-button {
    padding: 16px 35px;
    font-size: 14px;
    line-height: 26px;
}

.button.cc-white-button {
    color: #202020;
    background-color: #fff;
    padding: 16px 35px;
    font-size: 14px;
    line-height: 26px;
}


.paragraph-bigger {
    opacity: 1;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
    opacity: .6;
}

.divider {
    height: 1px;
    background-color: #eee;
}

.logo-link {
    z-index: 1;
}


.logo-link:active {
    opacity: .7;
}

.logo-title {
    font-family: News Cycle, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 900 !important;
    letter-spacing: .3px;
    margin: 2rem 1rem;
}

#logo-image,
h5.logo-title {
    float: left;
}



.navigation-item {
    opacity: .6;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 9px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: News Cycle, sans-serif;
}

.navigation-item:hover {
    opacity: .9;
}

.navigation-item:active {
    opacity: .8;
}

.navigation-item.w--current {
    opacity: 1;
    color: #1a1b1f;
    background-image: url('../images/Underline_.png');
    background-size: 75%;
    background-position: 37% .5rem;
    background-repeat: no-repeat;
}


.navigation-item.w--current:hover {
    opacity: .8;
    color: #32343a;
}

.navigation-item.w--current:active {
    opacity: .7;
    color: #32343a;
}

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

.navigation {
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 5px 30px;
    display: flex;
}

.logo-image {
    display: block;
}

.navigation-wrap {
    align-items: center;
    margin-right: -20px;
    display: flex;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: white;
}

.sticky+#main-section {
    padding-top: 102px;
}

#main-section {
    display: block;
    position: relative;
    margin-top: 8rem !important;
}

.intro-wrap {
    margin-top: 100px;
    margin-bottom: 140px;
}

.name-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
}

.position-name-text {
    text-transform: none;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
}

.work-description {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: flex;
}

.work-experience-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template: ". . . ."
        / 1fr 1fr 1fr 1fr;
    margin-bottom: 140px;
}

.works-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template: ". . ."
        ". . ."
        / 1.5fr 1fr 1.5fr;
    margin-bottom: 80px;
}

.carrer-headline-wrap {
    width: 70%;
    margin-bottom: 50px;
}

.work-image {
    height: 460px;
    text-align: center;

    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 40px;
    text-decoration: none;
    display: flex;
}


.work-image:active {
    opacity: .7;
}

.work-image.cc-work-1 {
    background-image: url('../images/portfolio-1---wide.svg');
    background-size: 0;
    margin-left: 29px;
}

.work-image.cc-work-2 {
    background-image: url('../images/portfolio-2---wide.svg');
    background-size: cover;
}

.work-image.cc-work-4 {
    background-image: url('../images/portfolio-3---wide.svg');
    background-size: cover;
}

.work-image.cc-work-3 {
    background-image: url('../images/portfolio-4---wide.svg');
    background-size: cover;
}

.project-name-link {
    margin-bottom: 5px;
    font-size: 55px;
    font-weight: 400;
    line-height: 55px;
    color: #333 !important;
    text-decoration: none;
}





#shorts {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 7rem;
    height: 159rem;
    background-image: url('../images/PaperBG1.png');
    background-repeat: no-repeat;
    background-size: 100vw 100%;
    background-position: center 15%;
}

#shorts .row {
    width: 100%;
    position: relative;
    display: inline-block;
}

#film-container {
    height: 140rem;
    padding-top: 8rem !important;
    display: grid;
    grid-template-columns: auto auto;
    grid-row: 1;
    grid-column-gap: 15px;
    grid-row-gap: 0;
}

.short-film {
    padding: 20px;
    margin: 0 auto;
    border: 2px solid;
    border-image: url('../images/Divider-2.png') 0 0 30 0;
}

#shorts h3 {
    float: right;
    margin-right: 13rem;
    font-weight: 900;
    font-size: 48px;
    text-transform: uppercase;
    font-family: News Cycle, sans-serif;
}

@media screen and (min-width: 601px) and (max-width: 1100px) {
    #shorts .container {
        padding: 1rem;
    }

}



@media screen and (min-width: 1101px) {

    #shorts .container {
        padding: 1rem 5rem;
    }

}

.short-film img {
    margin: 0 auto;
    width: 90%;
}

.short-film h4 {
    width: 100%;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700;
    font-size: 32px;
}

.short-film h5 {
    font-family: 'News Cycle', sans-serif !important;
    text-transform: uppercase;
    font-size: 20px;
}

#neighbor {
    margin-top: 3.5rem !important;
}

.span-link {
    font-family: 'News Cycle', sans-serif !important;
    text-transform: uppercase;
}

/* lessons */

#lessons {
    position: relative;
    margin-top: 6rem !important;
    display: inline-block;
}

#lessons h3 {
    text-align: right;
    width: 100%;
    padding-right: 13rem;
    font-weight: 900;
    font-size: 48px;
    font-family: Roboto, sans-serif;
}

#lessons h4 {
    text-align: left;
    float: left;
    position: relative;
    height: 13rem;
    line-height: 35px;
    padding: 25% 0 0 12.5%;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    font-family: Roboto, sans-serif;
}

#lessons-container {
    width: 50%;
    float: left;
    display: grid;
    grid-template-columns: auto auto;
    grid-row: 1;
    grid-column-gap: 2.5rem;
    grid-row-gap: 0;
    padding-left: 10rem;
}

.lessons {
    border-radius: 10px;
    margin: 0 auto 0 auto;
    width: 17vw;
    background-size: contain;
    background-repeat: no-repeat !important;
    opacity: .5;
}


#lessons-right {
    padding: 0;
    width: 45%;
    float: right;
}

.lessons-title,
.lessons-main {
    width: 100%;
}

.lessons-active {
    opacity: 1 !important;
}

.coming-soon {
    width: 100px;
}

.lessons-underline {
    opacity: 1;
    font-family: News Cycle, sans-serif !important;
    text-transform: uppercase;
    background-image: url('../images/Underline_.png');
    background-size: 20%;
    height: 4rem;
    background-position: 8.5rem 2rem;
    background-repeat: no-repeat;
}


#lessons-vote,
#lessons-land,
#lessons-work,
#lessons-health,
#lessons-edu,
#lessons-civil {
    background-size: 110% !important;
}

#lessons-vote {
    /* z-index: 100000; */
    background-image: url('../images/Lessons-Voting.png');
}

#lessons-land {
    background-image: url('../images/Lessons-Env.png');
}

#lessons-work {
    background-image: url('../images/Lessons-Work.png');
}

#lessons-health {
    background-image: url('../images/Lessons-Health.png');
}

#lessons-edu {
    background-image: url('../images/Lessons-Education.png');
}

#lessons-civil {
    background-image: url('../images/Lessons-CivilRights.png');
}

.lessons-button {
    width: 15rem;
    position: relative;
    float: right;
    margin: -2rem 2rem 0 0;
}


#lessons-right-env {
    display: block;
}

#lessons-right-voting {
    display: block;
}




/* action */
#action {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-top: 10%;
    height: auto!important;
    background-image: url('../images/PaperBG2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}


#action h3 {
    text-align: right;
    width: 100%;
    padding-right: 13rem;
    font-weight: 900;
    font-size: 48px;
    font-family: Roboto, sans-serif;
}

#action h4 {
    text-align: right;
    height: 10rem;
    padding: 1rem 24%;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    font-family: Roboto, sans-serif;
}

#action-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row: auto;
    grid-column-gap: 0rem;
    grid-row-gap: 0;

}

.action {
    text-align: center;
    background-position: 100% 0%;
    
    border-radius: 10px;
    height: auto;
    margin: 0 auto;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.action a {
    display: inline;
}

.action img {
    margin: 0 auto .5rem auto;
    width: 50%;
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
.tiktok-embed {
    padding: 0 6rem!important;
}
}


@media screen and (min-width: 1601px) {
.tiktok-embed {
    padding: 0 8.5rem!important;
}
}

h5.overflow {
    overflow: hidden;
    white-space: nowrap;
    font-family: News Cycle, sans-serif;
    text-transform: uppercase;
}

/* screenings */

.screenings-left {
    width: 39%;
    float: left;
    height: 15rem;
    background: url('../images/RedFilmStrip.png') no-repeat center;

}

.screenings-right {
    float: right;
    width: 59%;
    padding-top: 4rem;
}

#screenings {

    margin-bottom: 4rem;
}

#screenings h3 {
    margin: 7rem auto 0 33rem;
    font-weight: 900;
    font-size: 48px;
    text-transform: uppercase;
    font-family: News Cycle, sans-serif;
}

.screenings-list {
    padding: 0;
    margin: 0 0 2rem 0;
    list-style-type: none;
}

.bullet-1,
.bullet-7 {
    height: 34px;
    padding-top: 4px;
    padding-left: 25px;
}

.bullet-1 {
    background: url('../images/Bullet-1.png') no-repeat left center;
    background-size: 15px;

}

.bullet-7 {
    background: url('../images/Bullet-7.png') no-repeat left center;
    background-size: 15px;

}

.rentorbuy {
    padding-top: 1rem;
    text-transform: uppercase;
    font-family: News Cycle, sans-serif;
    color: #5C5C5C;
    font-weight: 900;
}

.rentorbuy img {
    display: inline-block;

}

.rentorbuy a {
    text-decoration: none;
}

.left-arrow {
    margin: -10px -10px 0 0;
    width: 30px;
}


.right-arrow {
    margin-left: 15px;
    width: 25px;
}

.vimeo-button {
    margin-left: 25%;
}


/* contact */
/*
.text-field {
    border: 0;
    border-radius: 0;
 margin-bottom: 18px; 
    padding: 25px;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    background-color: #f7f7f7;
    transition: border-color .4s;
    font-style: italic;
    text-transform: uppercase;
    font-family: News Cycle, sans-serif;
}

.text-field:hover {
    border-color: #e3e6eb;
}

.text-field:active,
.text-field:focus {
    border-color: #43464d;
}

.text-field::-ms-input-placeholder {
    color: rgba(50, 52, 58, .4);
}

.text-field::placeholder {
    color: rgba(50, 52, 58, .4);
}

.text-field.cc-textarea {
    height: 200px;
    padding-top: 12px;
}

.status-message {
    color: #fff;
    text-align: center;
    background-color: #202020;
    padding: 9px 30px;
    font-size: 14px;
    line-height: 26px;
}

.status-message.cc-success-message {
    background-color: #12b878;
}

.status-message.cc-error-message {
    background-color: #db4b68;
}
*/

.cc-contact {
    margin-top: auto;
}

.contact-footer-wrapper {
        background-size: cover;        
        background-image: url('../images/footer_Cover1.jpg');


}

.contact {
    text-align: center;
    padding-top: 80px;
    margin-bottom: 5rem;
}

.contact img {
    margin: 3rem auto 0 auto;
}

.contact h3 {
    color: #f1f1f1;
    font-size: 36px;
    font-weight: 900;
}


.contact p {
    color: #f9f9f9;
}
.contact-headline {
    width: 70%;
    margin-bottom: 40px;
}

/* .contact-form-grid {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    grid-template-columns: 65% 32%;
}

.contact-form-wrap {
    width: 100%;
    margin-top: 3rem;
}*/

.footer-wrap {
   /* background-image: url('../images/footer_Cover1.jpg');
    background-position: top 5px;
    
    background-size: 100%;*/
    justify-content: space-between;
    align-items: center;
    padding: 40px 55px;
    display: flex;
 color: #f1f1f1;
;
}

.footer-item {
    width: 65px;
}

.footer-item-offset-1 {
    margin-top: -10rem;
}

.footer-item-offset-2 {
    margin-top: -2rem !important;
}

    .footer-logo .paragraph-tiny {
        color: white!important;
    }

.webflow-link {
    opacity: .5;
    text-transform: uppercase;
    align-items: center;
    text-decoration: none;
    transition: opacity .4s;
    display: flex;
}

.webflow-link:hover {
    opacity: 1;
}

.webflow-link:active {
    opacity: .8;
}

.webflow-logo-tiny {
    margin-top: -2px;
    margin-right: 8px;
}

.footer-links {
    align-items: center;
    margin-right: -20px;
    display: flex;
}

.footer-item {
    opacity: .6;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}

.footer-item:hover {
    opacity: .9;
}

.footer-item:active {
    opacity: .8;
}

.about-intro-grid {
    grid-column-gap: 80px;
    grid-row-gap: 30px;
    grid-template: ". ."
        / 1fr 2fr;
    align-items: center;
    margin-top: 100px;
    margin-bottom: 140px;
}

.hi-there-heading {
    margin-top: 10px;
    margin-bottom: 20px;
}

.service-name-text {
    opacity: .6;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 46px;
}

.skillset-wrap {
    padding-right: 60px;
}

.reference-link {
    opacity: .6;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
}

.reference-link:hover {
    opacity: 1;
}

.reference-link:active {
    opacity: .9;
}

.featured-item-wrap {
    margin-bottom: 25px;
}

.services-items-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-areas: ". .";
    padding-top: 10px;
}

.skills-grid {
    grid-column-gap: 80px;
    grid-row-gap: 30px;
    grid-template: ". ."
        / 1fr 1fr;
    margin-bottom: 140px;
}

.personal-features-grid {
    grid-column-gap: 80px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-areas: ". ."
        ". .";
    margin-bottom: 110px;
}

.speaking-text {
    margin-right: 8px;
    display: inline-block;
}

.speaking-text.cc-past-speaking {
    opacity: .6;
}

.speaking-detail {
    opacity: .6;
    display: inline-block;
}

.upcoming-wrap {
    margin-bottom: 40px;
}

.social-media-heading {
    margin-bottom: 60px;
}

.social-media-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . . ."
        ". . . .";
    margin-bottom: 30px;
}

.project-overview-grid {
    grid-column-gap: 50px;
    grid-row-gap: 100px;
    grid-template: ". . . ."
        ". . . ."
        / 1fr 1fr 1fr 1fr;
    margin-top: 120px;
    margin-bottom: 135px;
}

.detail-header-image {
    width: 100%;
}

.project-description-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template: ". ."
        / 1fr 2.5fr;
    margin-top: 120px;
    margin-bottom: 120px;
}

.detail-image {
    width: 100%;
    margin-bottom: 30px;
}

.email-section {
    width: 70%;
    text-align: center;
    margin: 140px auto 200px;
}

.email-link {
    text-transform: none;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 64px;
    font-weight: 400;
    line-height: 88px;
    text-decoration: none;
}

.lessons-active a {
    text-decoration: none;
}

.email-link:hover {
    opacity: .8;
}

.email-link:active {
    opacity: .7;
}

.utility-page-wrap {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
}

._404-wrap {
    width: 100%;
    height: 100%;
    background-color: #1a1b1f;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    display: flex;
}

._404-content-wrap {
    margin-bottom: 20px;
}

.protected-wrap {
    text-align: center;
    justify-content: center;
    padding-top: 90px;
    padding-bottom: 100px;
    display: flex;
}

.protected-form {
    flex-direction: column;
    display: flex;
}

.protected-heading {
    margin-bottom: 30px;
}

.text-block {
    width: 50%;
    float: left;
    clear: none;
    text-transform: uppercase;
    object-fit: none;
    justify-content: space-between;
    margin: 3.5rem 0 0 10px;
    font-family: News Cycle, sans-serif;
    display: block;
    position: static;
    overflow: scroll;
}

.image {
    float: left;
    margin-top: 31px;
    margin-right: 5px;
}

.image-2 {
    width: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 160px;
    position: absolute;
    top: 22rem;
    bottom: -34.1406px;
    left: 4rem;
}

.image-3 {
    width: 75%;
    margin-top: 4rem;
    margin-bottom: 13px;
    margin-left: 1rem;
}

/* down arrow */
.image-4 {
    float: right;
    flex: 0 auto;
    position: relative;
    display: inline-block;
    margin: 0 auto;
}


.image-6 {
    width: 50%;
    clear: none;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.text-block-2 {
    /* margin-left: 3rem; */
    width: 90%;
    text-transform: uppercase;
    font-family: News Cycle, sans-serif;
    color: #5C5C5C;
}


.bold-text {
    font-weight: 700 !important;
    width: 90%;
    object-fit: scale-down;
}

a.watch-links {
    text-decoration: none;
    width: 100%;
    padding: 0 0 0 3.5rem;
}


.attribution-wrapper {
    position: relative;
    display: block;
    padding-right: 12.5%;
}

.paragraph {
    width: 33%;
    margin-top: 11rem;
    padding: 1% 2% 0 2%;
    text-align: left;
    font-family: IBM Plex Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 24px;
}

.heading {
    text-align: right;
    font-family: News Cycle, sans-serif;
    font-size: 24px;
}

.image-7 {
    margin-top: 5rem;
    margin-right: 5rem;
    position: absolute;
    right: 49px;
}

.italic-text {
  /*  margin-right: -85px;
    position: absolute;
    right: 400px;*/
}



.image-8 {
    position: absolute;
    top: -4rem;
    left: 8rem;

}

#quote {
    display: inline-block;
    position: relative;
    width: 100%;
    /* margin: 3rem auto 0 auto; */
    padding: 0 1rem;
}

.quote-wrapper {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-image: url('../images/QuotePaper.png');
    min-height: 17.5rem;
    width: 67%!important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.div-block {
    margin-top: 185px;
}

.image-9 {
    z-index: 500;
    margin-left: 2rem;
    margin-top: -104px;
    position: relative;
    top: 50px;
    left: 82px;
}

.image-10 {
    width: 90%;
    transform-style: preserve-3d;
    margin-top: -64px;
    margin-left: auto;
    margin-right: auto;
    transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.image-11 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}

.image-12 {
    opacity: 1;
}

.text-block-3 {
    width: 29%;
    font-size: 20px;
    margin-left: 50%;
    text-transform: uppercase;
    font-family: News Cycle, sans-serif;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fa5-2f4e2a2d {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-2f4e2a2d {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7e2bfe52-186e-1b68-080d-770a56fbb3e6-2f4e2a2d {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fbb-2f4e2a2d {
    grid-area: 2 / 2 / 3 / 4;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a36-d0df4a24 {
    /* float: right; */
    /* grid-area: 1 / 2 / 2 / 3; */
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a3a-d0df4a24 {
    grid-area: 2 / 1 / 3 / 3;
}

#w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c1-2f4e2a31 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c8-2f4e2a31 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd8a-2f4e2a31 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd8f-2f4e2a31 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd90-2f4e2a31 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd99-2f4e2a31 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffda1-2f4e2a31 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffda6-2f4e2a31 {
    grid-area: 2 / 1 / 3 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffdd8-2f4e2a31 {
    grid-area: 2 / 2 / 3 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffe12-2f4e2a31 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9d-2f4e2a31,
#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9d-2f4e2a31:active {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9e-2f4e2a31 {
    grid-area: 2 / 2 / 3 / 3;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9f-2f4e2a31 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea0-2f4e2a31 {
    grid-area: 2 / 1 / 3 / 2;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea1-2f4e2a31 {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea2-2f4e2a31 {
    grid-area: 1 / 4 / 2 / 5;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea3-2f4e2a31 {
    grid-area: 2 / 3 / 3 / 4;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea4-2f4e2a31 {
    grid-area: 2 / 4 / 3 / 5;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a33 {
    grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a33 {
    grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a33 {
    grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd223-2f4e2a33 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a33 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a34 {
    grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a34 {
    grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a34 {
    grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a34 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9fda4a37-cb21-e2a1-58de-88a206fa61ae-2f4e2a34 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a35 {
    grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a35 {
    grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a35 {
    grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a35 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_32040423-4078-1b23-6771-e6c78f8a716d-2f4e2a35 {
    grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a36 {
    grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a36 {
    grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a36 {
    grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a36 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1f85730f-9889-a71b-9be8-c086a8d10760-2f4e2a36 {
    grid-area: 1 / 1 / 2 / 2;
}

@media screen and (max-width: 991px) {

    #w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c8-2f4e2a31,
    #w-node-dac044b7-be90-60f3-414d-4224828ffd8f-2f4e2a31,
    #w-node-dac044b7-be90-60f3-414d-4224828ffd99-2f4e2a31 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-dac044b7-be90-60f3-414d-4224828ffdd8-2f4e2a31 {
        grid-area: 4 / 1 / 5 / 2;
    }

    #w-node-dac044b7-be90-60f3-414d-4224828ffe12-2f4e2a31 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9e-2f4e2a31 {
        grid-area: 3 / 2 / 4 / 3;
    }

    #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea0-2f4e2a31 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea1-2f4e2a31 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea2-2f4e2a31 {
        grid-area: 2 / 2 / 3 / 3;
    }

    #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea3-2f4e2a31 {
        grid-area: 4 / 1 / 5 / 2;
    }

    #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea4-2f4e2a31 {
        grid-area: 4 / 2 / 5 / 3;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a33 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a33 {
        grid-column-end: 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a33 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a33 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a34 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a34 {
        grid-column-end: 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a34 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a34 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a35 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a35 {
        grid-column-end: 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a35 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a35 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_32040423-4078-1b23-6771-e6c78f8a716d-2f4e2a35,
    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-2f4e2a36 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-2f4e2a36 {
        grid-column-end: 2;
    }

    #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-2f4e2a36 {
        grid-area: 3 / 1 / 4 / 2;
    }

    #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-2f4e2a36 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_1f85730f-9889-a71b-9be8-c086a8d10760-2f4e2a36 {
        grid-area: 1 / 1 / 2 / 2;
    }
}



@media screen and (max-width: 767px) {
    #w-node-d783a17e-0b35-a13a-0448-a852d0df4a36-d0df4a24 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-d783a17e-0b35-a13a-0448-a852d0df4a3a-d0df4a24 {
        grid-area: 3 / 1 / 4 / 2;
    }

    .work-image {
        margin-left: 0 !important;

    }

    .mobile-only {
        display: block !important;
    }



    .heading {
        font-size: 22px!important;
        text-align: left;
    }

    .attribution-wrapper {
        margin-top: -1.7rem;
        padding: 0 0 0 2rem;
    }

    .image-9 {
        margin-top: -65px!important;
    }

    #action {
        margin-left: 0rem!important;
        width: 100vw!important;
    }
}

@media screen and (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }

}

/* end webflow junk */



@media screen and (max-width: 600px) {

    /* nav and header */
    .logo-title {
        margin-left: 2rem;
        padding: 0;
        font-size: 24px;
    }

    #logo-image {
        margin-top: 15px;
        width: 75px;
    }

    #main-section {
        margin-top: 0;
        padding-left: 0;
        margin-left: 0;
    }

    .work-description {
        margin: 0 !important;
    }

    .sticky+#main-section {
        padding-top: 6rem;
    }

    .work-image {
        padding: 0;
        margin-top: 12rem;
        margin-left: -15px;
    }

    .work-description a.project-name-link {
        line-height: 2.9rem !important;

    }

    a.watch-links {
        padding: 0 !important;
    }

    .image-2 {
        margin: 0rem 0 0 -21rem;
    }

    .project-name-link {
        margin: -37.5rem 0 300px 20px;
        font-size: 44px !important;
        line-height: 2.5rem !important;
    }

    .paragraph-light {
        font-size: 20px;
        line-height: 30px;
        padding: 0 1rem;
        margin-top: 30rem;
    }

    .image-5 {
        width: 100%;
        margin-top: -150px;
        margin-left: 10px;
        padding-top: 0;
    }

    #bullet-img {
        margin: 5rem 0 0 0;
    }

    .text-block {
        width: 90%;
        margin-top: -1.5rem;
        margin-left: 3rem;
    }

    .bold-text {
        margin-left: 2rem;
    }

    .image-3 {
        margin-top: 23px;
        margin-left: 2rem;
    }

    .image-4 {
        margin-top: 0;
        margin-right: 2rem;
    }


    /* block quote */
    #quote {
        margin: 0rem 0 0 0;
        padding: 0;
    }

    .quote-wrapper {
        margin-top: -12rem;
    }

    .image-8 {
        position: relative;
        display: inline-block;
        margin: 0 0 0 -6rem !important;
    }

    .image-6 {
        width: 90%;
        clear: none;
        height: auto;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .image-7 {
        right: -1rem;
    }

    .image-9 {
        width: 60%;
        margin-top: -2rem;
        margin-left: 1rem;
        /* z-index: 1000 !important; */
    }

    .paragraph {
        width: 50%;
        text-align: left;
        margin: 0 auto;
        position: relative;
        display: block;
        font-family: IBM Plex Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 17px;
        line-height: 24px;
        padding: 0 1.25rem;
    }

    .work-description {
        /* width: 100%; */
        position: relative;
        display: inline-block;
        margin-top: 0rem !important;
    }

    .quote-wrapper {
        display: block;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        background-image: url('../images/QuotePaper.png');
        height: auto;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    /* shorts */

    #shorts {
        padding-left: 0;
        margin: 10rem 0 0 0;
        height: 281rem;
        background-image: url('../images/PaperBG1.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 100% 100%;
    }

    .short-film h4 {
        color: #4b4b4b;
    }

    #shorts h3 {
        width: 90%;
        margin: -2rem 0 0 10rem !important;
    }

    #film-container {
        grid-template-columns: repeat(1, 1fr);
    }

    #shorts .container {
        padding: 0 !important;
    }

    .short-film {
        width: 100vw;
        padding: 10px 5px !important;
    }

    .short-film p {
        text-align: left;
    }


    /* lessons */

    #lessons-land {
        margin-top: 0;
        padding-top: 0;
    }


    #lessons {
        margin: -7rem 0 0 0 !important;
        padding: 0 1rem;
    }

    .container {
        flex-direction: column;
        display: flex;
    }

    #lessons h3 {
        color: #333;
        text-align: left;
        width: 100%;
        padding: 0 2.5rem 0 0;
        margin: 0;
    }

    #lessons-container {
        width: 100vw;
        order: 2;
        margin: 2rem 0 0 0;
        width: 100%;
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .lessons {
        /*margin-bottom: -10rem;*/
        width: 100vw !important;
    }

    #lessons-right {
        order: 1;
        background-color: white;
        display: block;
        opacity: .95;
        margin-top: -71rem;
        padding-bottom: 3rem;
        width: 100%;
        position: relative;
        display: none;
    }

    /* actions */

    .overflow {
        margin-top: 9rem;
    }


    #action {
        display: inline-block;
        position: relative;
        height: 380rem;
        margin: -8rem 0 0 0;
        padding: 5.5rem 0 0 0;
    }

    #action-container {
        margin-top: -1rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .action img {
        width: 90%;
    }

    .support-link {
        font-size: 19px;
    }

    /* screenings */

    #screenings {
        display: inline-block;
        position: relative;
        margin: 0 1rem 0 .5rem;
    }

    #screenings h3 {
        margin: 0 0 0 1rem;
        color: #4b4b4b;
    }

    .screenings-left,
    .screenings-right {
        width: 100vw;
        text-align: left;
    }

    .screenings-right {
        padding-top: 0;
    }

    .screenings-list {
        width: 95%;
        margin-bottom: 4rem;
    }

    .screenings-list li {
        margin: 1rem 0 2.5rem 1rem;
    }

    #action {
        margin-left: 0;
    }

    .rentorbuy {
        margin-left: 1rem;
    }

    .vimeo-button {
        float: right;
        width: 10rem;
        margin: 0 2rem 0 0;
    }



    /* contact form */


    .cc-contact {
        width: 100vw;
        margin: 1rem 0 0 0 !important;
        padding: 0 !important;
    }

    input.w-button {
        width: 90vw;
        margin: 5rem 0 0 3.5rem;
    }

    .contact-form-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .text-field.w-input {
        position: absolute;
        display: block;
        margin: 0 0 0 5px;
        width: 100%;
    }

    /*  footer */
    .footer-wrap {
        padding: 0 !important;
        text-align: left;
        height: 10rem;
        background-position: 50%;
        background-size: cover !important;
        /* flex-direction: column; */
    }

    .footer-logo {
        float: left;
        position: absolute;
        left: 0;

    }

    .text-block-3 {
        margin: 6rem 0 0 -6rem;
        width: 60%;
        text-align: left;
        position: absolute;
        display: inline-block;
    }

    .footer-links {
        width: 100%;
        /* text-align: right; */
        position: relative;
        display: inline-block;
        margin: 0 0 0 57%;
    }

    .footer-item-offset-1 {
        padding-top: 1rem !important;
        /* margin-top: -5rem!important; */
    }

    .footer-links a {
        width: 15%;
        position: relative;
        display: inline-block;
    }

    .footer-links {
        flex-direction: unset !important;
    }

    .image-9 {
        z-index: 1000;
        margin: 0rem 0 0 -3rem;
    }

    .image-10 {
        z-index: 0;
    }

}


@media screen and (min-width: 601px) and (max-width: 991px) {

    .text-block {
        margin: 7rem 0 0 1rem;
    }

    #bullet-img {
        margin: 7.5rem 0 0 1rem;
    }

    .image-2 {
        margin-top: 12rem;
        margin-left: 24rem;
    }

    a.watch-links {
        text-decoration: none;
        width: 100%;
        padding: 0 7.5% 0 10%;
    }


    .work-description {
        margin-top: 2.5rem;
        padding: 0 4rem;
    }

    #works-grid {
        margin-bottom: 0;
    }

    #quote {
        margin: 0;
        padding: 0;
    }

    .paragraph {
        margin: -2rem 0 0 0 !important;
        min-height: 10vh !important;
        width: 50%;

    }

    .paragraph-light {
        font-size: 20px;
        line-height: 30px;
        padding: 0 3rem 0 1rem;

    }

    .image-3 {
        width: 75%;
        margin-top: 3rem;
        margin-bottom: 13px;
        margin-left: 10%;
    }

    .text-block-2 {
        width: 100%;
    }

    .image-4 {
        margin-right: 4rem;
    }

    #shorts {
        height: 150rem;
    }

    #shorts h3 {
        margin-right: 7rem;
    }

    #film-container {
        padding-top: 1rem !important;
        grid-column-gap: 2rem;
    }

    #lessons-container {
        grid-column-gap: 0;
        padding-left: 1rem;
    }

    .lessons {
        width: 23vw !important;
    }

    #lessons {
width: 99vw; margin-left: 0;
        margin-top: 36rem !important;

    }

    #lessons h4 {
        width: 20vw;
        height: 13rem;
        padding: 6rem 0 0 1.5rem;
    }




    #action {
        height: auto;
    }

    .action img {
        width: 75%;
    }

    .screenings-left {
        width: 31%;
    }

    .screenings-right {
        width: 65%;
        float: left;
    }

    .screenings-list li {
        line-height: 18px;
        text-align: left;
        margin-bottom: 1.5rem;
    }

    .text-block-3 {
               margin-top: -2rem;
        margin-left: -2rem;
    }

    .footer-item-offset-1 {
        margin-top: -7rem;
    }

    .footer-item-offset-2 {
        margin-top: -3rem;
    }

    #screenings h3 {
        margin: 7rem auto 0 33%;

    }

    .image-6 {
        width: 90%;
        clear: none;
        height: auto;
        margin-top: -75px;
        margin-left: auto;
        margin-right: auto;
    }



    .paragraph {
        width: 50%;
    /*    min-height: 300px;*/
        text-align: left;

        padding: 3rem 0 0 0;
        margin: 0 auto!important;
        position: relative;
        display: block;
        font-family: IBM Plex Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
    }:

    .work-description {
        /* width: 100%; */
        position: relative;
        display: inline-block;
        /*   margin-top: 10rem; */
    }

}


@media screen and (min-width: 992px) and (max-width: 1024px) {

    .text-block {
        margin: 0 0 0 1rem;
    }

    #bullet-img {
        margin: .5rem 0 0 1rem;
    }

    #shorts {
        height: 160rem !important;
    }

    #lessons h4 {
        margin-top:0rem;
    }

    #action {
        height: auto;
    }

    .text-block-3 {
        margin-left: 40%;
    }
}


@media screen and (min-width: 1025px) and (max-width: 1200px) {


    .text-block {
        margin: 0 0 0 1rem;
    }

    #bullet-img {
        margin: .5rem 0 0 1rem;
    }

    .image-2 {
        margin: 3rem 0 0 25rem;
    }

    .image-3 {
        margin-top: 8rem;
    }


    .text-block-2 {
        margin-left: -2rem;
    }

    .text-block-3 {
        margin-left: 45%;
    }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {

    .quote-wrapper .paragraph {

        padding-top: 6% !important;
    }

.attribution-wrapper {


}

    .image-6 {
        width: 66.7%;
        clear: none;
        height: auto;
        margin-top: -75px;
        margin-left: auto;
        margin-right: auto;
    }

    .paragraph {
        letter-spacing: .2px;
        width: 40%;
      /*  min-height: 300px; */
        text-align: left; 
        position: relative;
        display: block;
        margin: 0 auto!important;        
        font-family: IBM Plex Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 17px;
        line-height: 24px;
    }

    .image-4 {
        margin-left: 2rem;
    }


    .text-block-2 {
        margin-left: -2rem;
    }

    #lessons-container h4 {
        padding-top: 4.5rem;
    }

}


@media screen and (min-width: 1201px) {

    .quote-wrapper .paragraph {

        padding-top: 6.25% !important;
    }


    .image-2 {
        width: 325px;
        top: 500px;
        left: 400px;
    }

    #bullet-img {
        margin: 4rem 0 0 1rem;
    }

    .paragraph {
        letter-spacing: .2px;
        width: 30%;      
        text-align: left;
        margin: 0 auto!important;
        position: relative;
        display: inline-block;
        font-family: IBM Plex Sans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 17px;
        line-height: 24px;
    }


    #w-node-dff26f68-5731-3efa-d3dd-8f65c72d8fad-2f4e2a2d {
        padding-right: 5rem;
    }



    .text-block-2 {
        margin-left: -2rem;
    }


}

@media screen and (min-width: 1201px) and (max-width: 1300px) {

    .image-2 {
        width: 325px;
        top: 27rem;
        left: 27rem;
    }

    #bullet-img,
    .text-block {
        margin-top: 6rem;
    }

    #lessons-container h4 {
        padding-top: 4.5rem;
    }


}

@media screen and (min-width: 1301px) and (max-width:1400px) {

    .image-2 {
        width: 325px;
        top: 27rem;
        left: 34rem;
    }

    #lessons-container h4 {
        padding-top: 5rem;
    }


}

@media screen and (min-width: 1401px) and (max-width:1600px) {

    .image-2 {
        width: 325px;
        top: 27rem;
        left: 34rem;
    }

    #lessons-container h4 {
        padding-top: 6rem;
    }


}


@media screen and (min-width: 992px) and (max-width: 1600px) {

    #lessons-container {
        padding-left: 2rem !important;
    }


    #bullet-img {
        margin-top: 11rem !important;
    }

    .text-block {
        margin-top: 10.5rem !important;
    }

    #quote {
        /* margin-top: 1rem !important; */
    }

    p.paragraph {
        width: 50%;
        margin: 0 auto!important;
        position: relative;
        display: block;
        padding: 5% 5% 5% 5%!important;
    }

    .attribution-wrapper {
        margin-top: 0rem;
        padding-right: 25%;
    }

    .short-film {
        padding: 10px 5px !important;
    }

    #lessons-container {
        padding-left: 2rem !important;
    }


    #bullet-img {
        margin-top: 5rem !important;
    }

    .text-block {
        margin-top: 4.75rem !important;
    }

    #quote {
        /* margin-top: 1rem !important; */
    }

    p.paragraph {
        padding: 2% 5% !important;
    }

    .short-film {
        padding: 10px 5px !important;
    }
}




@media screen and (min-width: 1601px) {

    #bullet-img {
        margin-top: 9rem !important;
    }

    .text-block {
        margin-top: 8.5rem !important;
    }

    #main-section {
        margin-top: 18rem !important;
    }

    #quote {
        margin-top: 1rem !important;
    }

    #action {
        height: auto;
    }

    p.paragraph {
       
        width: 55%;
        margin: 0 auto!important;
        position: relative;
        display: block;
  
        padding: 7.5% 7.5% 5.5% 7.5%!important;
    }

    .attribution-wrapper {
        margin-top: -3rem;
        padding-right: 30%;
    }


    .image-2 {
        width: 325px;
        top: 30vw;
        left: 50vh;
    }

}


@media screen and (min-width: 1601px) and (max-width: 2000px) {

    #lessons-container h4 {
        padding-top: 35.5%;
    }
}

@media screen and (min-width: 2001px) {

    #lessons-container h4 {
        padding-top: 25%;
    }

    #lessons-right {
        padding: 2rem 7rem 0 0;
    }

    .lessons-title {
        width: 60%;
    }

    .text-block-3 {
        margin-left: 40%;
    }
}



/* start webflow junk */
@media screen and (max-width: 991px) {
    .styleguide-block {
        text-align: center;
    }

    .heading-jumbo {
        font-size: 56px;
        line-height: 70px;
    }

    .section.cc-contact {
        padding-left: 0;
        padding-right: 0;
    }

    .button {
        justify-content: center;
    }

    .logo-link.w--current {
        flex: 1;
    }

    .menu-icon {
        display: block;
    }

    .navigation-item {
        text-align: center;
        padding: 15px 30px;
        transition: background-color .4s, opacity .4s, color .4s;
    }

    .navigation-item:hover {
        background-color: #f7f8f9;
    }

    .navigation-item:active {
        background-color: #eef0f3;
    }

    .navigation-items {
        background-color: #fff;
    }

    .navigation {
        padding: 25px 30px;
    }

    .menu-button {
        padding: 0;
    }

    .menu-button.w--open {
        background-color: rgba(0, 0, 0, 0);
    }

    .navigation-wrap {
        margin-right: 0;
    }

    .work-experience-grid {
        grid-template: ". ."
            ". ."
            / 1fr 1fr;
    }

    .works-grid {
        flex-direction: column;
        align-items: stretch;
        display: flex;
    }

    .carrer-headline-wrap {
        width: auto;
    }

    .work-image {
        margin-bottom: 30px;
    }

    .contact {
        width: auto;
        padding: 30px 50px 40px;
    }

    .contact-headline,
    .contact-form-wrap {
        width: 100%;
        margin-left: -1.5rem;
    }



    .about-intro-grid {
        grid-row-gap: 50px;
        text-align: center;
        grid-template: "."
            "."
            / 1fr;
    }

    .about-head-text-wrap {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .service-name-text {
        font-size: 24px;
        line-height: 42px;
    }

    .skillset-wrap {
        padding-right: 0;
    }

    .services-items-grid {
        grid-row-gap: 0px;
        grid-template: "."
            "."
            / 1fr;
        padding-top: 0;
    }

    .skills-grid {
        width: 80%;
        grid-row-gap: 50px;
        text-align: center;
        grid-template: "."
            "."
            / 1fr;
        margin-left: auto;
        margin-right: auto;
    }

    .personal-features-grid {
        width: 80%;
        text-align: center;
        grid-template: "."
            "."
            "."
            "."
            / 1fr;
        margin-left: auto;
        margin-right: auto;
    }

    .social-media-heading {
        width: 80%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .social-media-grid {
        grid-template: ". ."
            ". ."
            ". ."
            ". ."
            / 1fr 1fr;
    }

    .project-overview-grid {
        width: 70%;
        grid-row-gap: 50px;
        text-align: center;
        grid-template: "."
            "."
            "."
            / 1fr;
        margin-left: auto;
        margin-right: auto;
    }

    .project-description-grid {
        width: 80%;
        grid-row-gap: 50px;
        text-align: center;
        grid-template: "."
            "."
            / 1fr;
        margin-left: auto;
        margin-right: auto;
    }

    .email-section {
        margin-bottom: 160px;
    }

    .email-link {
        font-size: 36px;
        line-height: 54px;
    }

    .text-block {
        margin-left: 25px;
    }

    .image-5 {
        margin-top: 52px;
    }
}

@media screen and (max-width: 767px) {
    .heading-jumbo-small {
        font-size: 30px;
        line-height: 52px;
    }

    .rich-text {
        width: 90%;
        max-width: 470px;
        text-align: left;
    }

    .container {
        text-align: center;
    }

    .heading-jumbo {
        font-size: 50px;
        line-height: 64px;
    }

    .section {
        margin-left: 15px;
        margin-right: 15px;
    }

    .section.cc-contact {
        padding: 15px;
    }

    .paragraph-bigger {
        font-size: 16px;
        line-height: 28px;
    }

    .logo-link {
        padding-left: 0;
    }

    .navigation {
        padding: 0px 30px;
    }

    .work-experience-grid {
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .work-position-wrap {
        margin-bottom: 40px;
    }

    .project-name-link {
        font-size: 16px;
        line-height: 28px;
    }

    .text-field.cc-textarea {
        text-align: left;
    }

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

    .contact-form-grid {
        grid-column-gap: 30px;
        grid-template:
            "."
            "."
            "."
            / 1fr;
    }

    .contact-form {
        flex-direction: column;
        display: flex;
    }

    .contact-form-wrap {
        text-align: left;
    }

    .footer-wrap {
        text-align: center;
        flex-direction: column;
    }

    .webflow-link {
        margin-bottom: 15px;
    }

    .footer-links {
        flex-direction: column;
    }

    .footer-item {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .about-head-text-wrap {
        width: 70%;
        max-width: 470px;
    }

    .skills-grid {
        width: 70%;
        max-width: 470px;
        grid-template-columns: 1fr;
    }

    .personal-features-grid,
    .social-media-heading {
        width: 70%;
        max-width: 470px;
    }

    .social-media-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .project-overview-grid {
        width: 80%;
        max-width: 470px;
        margin-top: 90px;
        margin-bottom: 95px;
    }

    .project-description-grid {
        width: 70%;
        max-width: 470px;
        margin-top: 90px;
        margin-bottom: 85px;
    }

    .detail-image {
        margin-bottom: 15px;
    }

    .email-section {
        width: 80%;
        max-width: 470px;
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .email-link {
        font-size: 36px;
        line-height: 54px;
    }

    .utility-page-wrap {
        padding: 15px;
    }

    ._404-wrap {
        padding: 30px;
    }


    .image {
        margin-top: -20px;
    }

    .image-2 {
        margin-left: -155px;
    }


    /*  .image-5 {
        margin-top: -14px;
    }*/


}

@media screen and (max-width: 479px) {
    .rich-text {
        width: 100%;
        max-width: none;
    }

    .heading-jumbo {
        font-size: 36px;
        line-height: 48px;
    }

    .navigation {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu-button,
    .menu-button.w--open {
        flex: none;
    }

    .work-description {
        line-height: 10px !important;
        margin-top: 0;
        margin-bottom: 61px;
    }

    .work-image.cc-work-1 {
        height: 200px;
        margin-top: 86px;
    }

    .work-image.cc-work-1 img {
        margin: .5rem 0;
        padding: 10px 0;
        margin-top: 100px;
    }

    .contact {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-form,
    .contact-form-wrap {
        flex-direction: column;
    }


    .about-head-text-wrap {
        width: 100%;
        max-width: none;
    }

    .skills-grid {
        width: 100%;
        max-width: none;
        grid-template-columns: 1fr;
    }

    .personal-features-grid,
    .social-media-heading,
    .project-overview-grid,
    .project-description-grid {
        width: 100%;
        max-width: none;
    }

    .email-section {
        width: 100%;
        max-width: none;
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .email-link {
        font-size: 30px;
        line-height: 46px;
    }


    .image {
        margin-top: -3px;
    }

    .image-2 {
        margin-top: -275px;
        margin-left: -417px;
    }



    .paragraph {
        width: 100%;
        position: relative;
        display: block;
        margin: 0 auto;
        padding: 3rem 1.5rem 2rem 1.5rem;
    }

    .attribution-wrapper {
        padding: 0 .5rem 0 .5rem;
    }

    .quote-wrapper {
        width: 90%!important;
    }

    .image-6 {
        width: auto;
        height: auto;
        min-height: auto;
        min-width: auto;
        object-fit: contain;
        margin-top: -106px;
        display: block;
        overflow: visible;
    }

    .italic-text {
        width: 100%;
        margin-top: 0px;
        margin-left: 0;
        margin-right: -328px;
    }

    .image-9 {
        /* width: 90%;
        margin-top: -21px;
        margin-left: -68px;
        margin-right: -500px;*/
        /* top: 74px; */
    }

    #lessons h4 {
        padding: 37% 0 0 12.5%;
        line-height: 35px;
    }

    #lessons-vote, #lessons-land, #lessons-work, #lessons-health, #lessons-edu, #lessons-civil {
        min-height: 20rem!important;
        background-size: 83%!important;
    }

    .contact-footer-wrapper {
        margin-top: 4rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .rich-text {
        width: 100%;
        max-width: none;
    }

    .heading-jumbo {
        font-size: 36px;
        line-height: 48px;
    }

    .navigation {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu-button,
    .menu-button.w--open {
        flex: none;
    }

    .work-description {
        line-height: 10px !important;
        margin-top: 0;
        margin-bottom: 61px;
    }

    .work-image.cc-work-1 {
        height: 200px;
        margin-top: 86px;
    }

    .work-image.cc-work-1 img {
        margin: .5rem 0;
        padding: 10px 0;
        margin-top: 100px;
    }

    .contact {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-form,
    .contact-form-wrap {
        flex-direction: column;
    }


    .about-head-text-wrap {
        width: 100%;
        max-width: none;
    }

    .skills-grid {
        width: 100%;
        max-width: none;
        grid-template-columns: 1fr;
    }

    .personal-features-grid,
    .social-media-heading,
    .project-overview-grid,
    .project-description-grid {
        width: 100%;
        max-width: none;
    }

    .email-section {
        width: 100%;
        max-width: none;
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .email-link {
        font-size: 30px;
        line-height: 46px;
    }


    .image {
        margin-top: -3px;
    }

    .image-2 {
        margin-top: -275px;
        margin-left: -417px;
    }

    .paragraph {
        width: 100%;
        margin: 0 auto;
        padding: 3.5rem 2rem 1.5rem 2rem;
        position: relative;
        display: inline-block;
    }

    .quote-wrapper {
        width: 80%!important;
    }


    .image-6 {
        width: auto;
        height: auto;
        min-height: auto;
        min-width: auto;
        object-fit: contain;
        margin-top: -106px;
        display: block;
        overflow: visible;
    }

    .italic-text {
        width: 100%;
        margin-top: 
        ;
        margin-left: 0;
        margin-right: -328px;
    }

    .image-9 {
        /* width: 90%;
        margin-top: -21px;
        margin-left: -68px;
        margin-right: -500px;*/
        /* top: 74px; */
    }
}