.Container {
    display: flex;
    justify-content: space-between;
    width: 72%;
    margin-top: 4em;
    align-self: center;
    justify-self: center;
    align-items: center;
    justify-content: center;
}

.TextContainer {
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

h1 {
    font-size: 2.5em;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.85em;
}

.sectionText {
    font-family: 'Inter', sans-serif;
    font-size: 1.18em;
}

.steps {
    font-family: 'Inter', cursive;
    font-size: 1.25em;
}

.SectionTitle {
    font-weight: 700;
    text-align: center;
    margin-top: 2em;
    font-size: 32px;
}

.coreVideo {
    height: 23em;
    width: auto;
    border-radius: 6px;
}

#Box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(rgba(247, 232, 118, .2), rgba(247, 232, 118, .001));
    margin-top: 8em;
}

.tutorial {
    box-shadow: 4px 4px 20px rgba(214, 106, 85, .2), -4px -4px 20px rgba(214, 106, 85, .2);
    width: 72%;
    height: 40em;
    align-self: center;
    justify-self: center;
    padding: 2em;
    margin-top: 1.5em;
}

@media only screen and (max-width: 1200px) {
    .Container {
        width: 80%;
    }

    .coreVideo {
        height: 18em;
    }

    #CTAContainer {
        width: 86%;
        margin-left: 6%;
    }

    #CTAp {
        font-size: 20px !important;
    }

    .iframe {
        width: 100% !important;
    }
}

@media only screen and (max-width: 992px) {
    .coreVideo {
        height: 15em;
    }

    .Container {
        width: 90%;
    }

    h2, h1 {
        font-size: 1.8em;
    }

    .sectionText {
        font-size: 1.1em
    }

    #CTAp {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 768px) {
    .coreVideo {
        height: 15em;
        margin-top: 2em;
        justify-self: center;
        animation: focusVideo 2s;
        border: 3px solid rgba(214, 106, 85, .7);
        box-shadow: 4px 4px 10px rgba(214, 106, 85, .1), -4px -4px 10px rgba(214, 106, 85, .1);
    }

    .secondaryVideo {
        z-index: 2147483647;
        height: 100% !important;
    }

    #DemoV {
        display: none;
    }

    .Container:nth-child(3) {
        margin-top: -2em;
    }

    .Container {
        flex-direction: column !important;
        margin-top: 2em !important;
        text-align: center;
        justify-content: center;
        align-items: center;
        max-width: 80%;
    }

    #CTAContainer {
        flex-direction: column;
        background: none;
    }

    #container2 {
        flex-direction: column !important;
    }

    #Box2 {
        display: none;
    }
}