@media (max-width: 768px){
    .education_section {
        font-size: 3.5vw;
        margin: 0 auto;
        width: 80vw;
    }

    .typewriter {
       margin: 0;
    }

    .mcgill_university,
    .brebeuf{
        text-decoration: underline;
    }

    .mcgill_progress_container,
    .brebeuf_dates{
        margin: 0 auto;
        margin-top: 7.5px;
        color: var(--off_white);
        font-size: 5.5vw;   
    }

    .mcgill_university
    ,.brebeuf{
        width: 80vw;
    }



    /* Removing spacing between school and expected dates */
    .mcgill_progress_container::before,
    .brebeuf_dates::before{
        display: none;
    }
    
    .line4::before,
    .line1::before {
        content: '';
        display: block;
        width: 80vw; /* Line spans 80vw */
        height: 2px; /* Line thickness */
        background-image: repeating-linear-gradient(to right, 
                              white 0, white 10px, 
                              transparent 10px, transparent 20px); /* Dash seperator */
        margin: 0px auto;
        margin-bottom: 35px;
    }

    /* To ensure the first line correctly centers when its typed out */
    .line1::before {
        margin-bottom: -5px;
        background-image: repeating-linear-gradient(to right, 
                              transparent 0, transparent 1px, 
                              transparent 1px, transparent 1px); 
    }

    .line1,
    .line4{
        flex-direction: column;
        margin: 0 0 10px 0;
        text-align: center !important;
        font-size: 7vw;
    }

    .line2, .line3, .line5{
        margin: 0;
        color: #21e82c; 
        font-size: 5vw;
        font-weight: 550;
        line-height: 1.5;
        text-indent: 0 !important;
    }

    .line3{
        margin-bottom: 0px !important;
    }
}