body {
    padding:0;
    margin:0;
}

.header {
    margin:0;
    text-align:center;
}

.gallery-surround {
    border:0 solid green;
}

.gallery {
    margin:auto;
    width:1068px;
}

.image {
    /* background-color: #4a90e2; */
    border-radius: 8px;
    margin:0 0 20px 0;
    width: 500px;
}

.col-left, .col-right {
    display:inline-block;
    vertical-align:top;
}

.col-left {
    width:540px;
}

.col-right {
    width:520px;
}

.col-left .image {
    margin:20px 0px 20px 20px;
}

.col-right  .image {
    margin:20px 0 20px 0;
}

@media (max-width: 1200px) {

    .gallery {
        width:100%;
    }

    .col-left, .col-right {
        margin:auto;
        width:100%;
    }

    .col-left .image {
        margin:0 auto 20px auto;
        width: 500px;
    }

    .col-right .image {
        margin:0 auto 20px auto;
        width: 500px;
    }
}

@media (max-width: 520px) {

    .gallery {
        width:100%;
    }

    .col-left, .col-right {
        margin:auto;
        width:100%;
    }

    .col-left .image {
        height:auto;
        margin:0 auto 20px auto;
        width: 100%;
    }

    .col-right .image {
        margin:0 auto 20px auto;
        width: 100%;
    }
}

/*
.image1 {
    height:200px;
}

.image2 {
    height:300px;
}

.image3 {
    height:500px;
}

.image4 {
    height:200px;
}

.image5 {
    height:350px;
}

.image6 {
    height:205px;
}

.image7 {
    height:230px;
}

.image8 {
    height:300px;
}*/