main{
    width:90%;
    display:flex;
    margin:0 auto;
}
.image{
    width:30%;
}
.column{
    padding:10px;
}

@media only screen and (max-width:900px){
    main{
        flex-flow:row wrap;
    }
    .column{
        width:45%;
        margin:0 auto;
        padding:10px;
    }
    .image{
        width:50%;
    }
    #col3{
        display:block;
    }
}

@media only screen and (max-width:600px){
    .column{
        width:100%;
        margin:0 auto;
    }
    .image{
        height:200px;
    }
    main{
        flex-wrap:wrap;
    }
}