/*Not compatible with devices below 230px*/

body {
    background-color: #fff
    margin: 0;
    padding: 0;
}

header {
    background-color: #fff;
    padding: 20px 0 10px;
}

header .logoWrapper img {
    max-width: 176px;
	
    }

.container, .logoWrapper {
    max-width: 1300px;
    margin: auto;
	padding-top:20px;
text-align:center;
}

.container {
    padding: 20px 0 20px 0;
}

/* Uses background-image to avoid loading images all images */

.de {
    background-image: url("gfx/DE_1.jpg");
}

.dk {
    background-image: url("gfx/DK_1.jpg");
}
.nl {
    background-image: url("gfx/NL_1.jpg");
}

.no {
    background-image: url("gfx/NO_1.jpg");
}
.se {
    background-image: url("gfx/SE_1.jpg");
}
.fi {
    background-image: url("gfx/FI_1.jpg");
}

.col {
    width: 200px;
    height: 460px;
    display: block;
    margin: 5px;
    float: left;
    background-repeat: no-repeat;
}

@media (max-width: 1100px) {

    .container, .logoWrapper {
         max-width: 630px;
    }
    
    .col {
        height: 200px;
    }
   
    .de {
        background-image: url("gfx/DE_2.jpg");
    }

    .dk {
        background-image: url("gfx/DK_2.jpg");
    }
    .nl {
        background-image: url("gfx/NL_2.jpg");
    }

    .no {
        background-image: url("gfx/NO_2.jpg");
    }
    .se {
        background-image: url("gfx/SE_2.jpg");
    }
    .fi {
        background-image: url("gfx/FI_2.jpg");
    }
}

@media (max-width: 640px) {
    .container, .logoWrapper {
        max-width: 420px;
    }
}

@media (max-width: 430px) {
    .col {
        float: none;
        margin: 20px auto;
    }
.container {
    padding: 0 0 20px 0;
}
.container, .logoWrapper {


    padding-top: 0;

}
}