body {
    margin: 0;
}

#container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100vh;
}

.col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 4rem;
    position: relative;
}

.col a:first-child {
    padding-top: 2rem;
}

#col1 {
    background: url(../img/Fiat_Ayrim_Gorseli_v2_01.jpg);
    align-items: flex-end;
    background-size: cover;
    background-position: bottom right;
}

#col2 {
    background: url(../img/Fiat_Ayrim_Gorseli_v2_02.jpg);
    background-size: cover;
    background-position: bottom left;
}

.button.full{
    width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;
}

@media only screen and (max-width: 700px) {
    img {
        max-width: 100%;
    }

    .col {
        padding: 6vh 8vw;
        justify-content: normal;
    }

    .col a:first-child {
        order: 1;
    }

    #col1 {
        background: url(../img/320x568_01.jpg);
        background-size: cover;
        background-position: center right;

    }

    #col2 {
        background: url(../img/320x568_02.jpg);
        background-size: cover;
        background-position: center left;

    }

}