#about_content{
    
}
.vita-row{
    display: grid;
    grid-template-columns: 20px auto;
}
#about_content_box{
    display: grid;
    grid-template-columns: auto 300px;
}

#about_content_box_text{
    padding-right: 10px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .vita-row{
        grid-template-columns: 20px auto;
    }
    #about_content_box{
        grid-template-columns: auto;
    }
    #about_content_text2{
        display: none;
    }
    #about_content_box_text1{
        padding-right: var(--spacer);
        padding-top: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
        text-align: center;
    }
    #about_content_box_text2{
        padding-top: var(--spacer);
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
    }
    #about_content_box_image{
        padding-top: var(--spacer);
        grid-row-start: 2;
        grid-row-end: 3;
    }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .vita-row{
        grid-template-columns: 20px auto;
    }
    #about_content_box{
        grid-template-columns: auto;
    }
    #about_content_text2{
        display: none;
    }
    #about_content_box_text1{
        padding-right: var(--spacer);
        padding-top: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
        text-align: center;
    }
    #about_content_box_text2{
        padding-top: var(--spacer);
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
    }
    #about_content_box_image{
        grid-row-start: 2;
        grid-row-end: 3;
    }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .vita-row{
        grid-template-columns: 20px auto;
    }
    #about_content_box{
        grid-template-columns: auto;
    }
    #about_content_text2{
        display: none;
    }
    #about_content_box_text1{
        padding-top: var(--spacer);
        padding-bottom: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
        text-align: center;
    }
    #about_content_box_text2{
        padding-top: var(--spacer);
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: center;
    }
    #about_content_box_image{
        grid-row-start: 2;
        grid-row-end: 3;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vita-row{
        grid-template-columns: 20px auto;
    }
    #about_content_box{
        grid-template-columns: auto 150px;
    }
    #about_content_text2{
        display: none;
    }
    #about_content_box_text1{
        padding-top: var(--spacer);
        padding-right: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    #about_content_box_text2{
        padding-top: var(--spacer);
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    #about_content_box_image{
        padding-top: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 3;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .vita-row{
        grid-template-columns: 20px auto;
    }
    #about_content_box{
        grid-template-columns: auto 300px;
    }
    #about_content_box_text1{
        margin-top: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
        padding-right: 10px;
    }
    #about_content_text2{
        display: initial;
    }
    #about_content_box_text2{
        display: none;
    }
    #about_content_box_image{
        margin-top: var(--spacer);
        padding-right: 10px;
    }
}
/* Incredible large devices (large laptops and desktops, 2500px and up) */
@media only screen and (min-width: 2500px) {
    .vita-row{
        grid-template-columns: 20px auto;
    }
    #about_content_box{
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
    }
    #about_content_box_text1{
        margin-top: var(--spacer);
        grid-row-start: 1;
        grid-row-end: 2;
    }
    #about_content_box_text2{
        grid-row-start: 3;
        grid-row-end: 4;
        display: initial;
    }
    #about_content_box_image{
        grid-row-start: 2;
        grid-row-end: 3;
    }
    #about_content_box_image>img{
        margin: var(--spacer) auto;
        width: 500px;
    }
    #about_content_text2{
        display: none;
    }
}