@media screen and (max-width: 600px) {
    .section-about {
    
    flex-direction: column;
    }

    .section-about h1 {
        text-align: center;
    }

    .grid-article {

    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 32% 40% 25% 25%;
    }
   
    #about {
    grid-column: 1/2;
    grid-row: 1/2;
    justify-self: center;
    }

    #section-me {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: center;
    }

    #source {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: center;
    align-self: center ;
    }

    .section-source {
    flex-direction: column;
    }

    .section-source h1 {
        top: 1216px;
        margin-left: 53px;
    }

    .grid-aan {
    display: grid;
    grid-template-columns: 100%;
    text-align: center;
    }

    .Aan1 {
    grid-column: 1/2;
    grid-row: 1/2;
    justify-self: center;
    padding-bottom: 50px;   
    }

    .Aan2 {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: center;     
    }

    .Aanflex2 {
    flex-direction: column;
    }

    .Aan3 {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: center;
    padding-bottom: 100px;  
    }

    .Aanflex3 {
    flex-direction: column;
    }

    .Aan4 {
    grid-column: 1/2;
    grid-row: 4/5;
    justify-self: center;
    }

    .Aanflex4 {
    flex-direction: column;
    }
}

@media screen and (max-width: 1128px) {
    .sourcetulisan {
    
    width: 50%;
    left: 10px;
    margin: 10px;
    }
}