#screen_about {
}

#screen_about header {
    background-image: url(../../data/heroimages/header_about.png);
    grid-column-start: span 2;
}

#screen_about main aside {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
}

#screen_about main aside img {
    width: 100%;
}

#screen_about main section {
    padding-left: 20px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
}

@media(max-width: 599px){

    #screen_about main {
        display: unset;
    }

    #screen_about main section {
        padding-right: 20px;
    }

}

@media(min-width: 600px){

    #screen_about main aside {
        width: 350px;
    }
    

}