.div-tekst {
// font-family: 'Lobster', cursive;
font-family: 'Arial';
font-size: 18px;
}

@media(max-width: 600px) {
.div-tekst {
font-family: 'Arial';
font-size: 20px;
}
}





/*   TEKSTEN PÅ RØD STJERNE  */
img {
height: 100%;
width: 100%;
}

.parentContainer {
position: relative;
text-align: center;
color: white;
background:#ffffff;
}


h1 {
color: white;
}


/* Centered text */
.midten {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
.parentContainer {
font-size: 28px;
}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
.parentContainer {
font-size: 14px;
}
}
/*   TEKSTEN PÅ RØD STJERNE  */





/*    3 KOLONNER - start   */
* {
box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.columne {
font-size: 24px;
float: left;
width: 33.33%;
padding: 10px;
height: 400px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.rowtilbud:after {
content: "";
display: table;
clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.columne {
width: 100%;
height: 500px; /* Should be removed. Only for demonstration */
}
}
/*    3 KOLONNER - slut   */









/*    1 KOLONNE - start   */
.enkol {
font-size: 24px;
// float: left;
float: center;
width: 96%;
padding: 10px;
height: 330px; /* Should be removed. Only for demonstration */
color: white;
border: 15px solid #FBA954;
}



@media screen and (max-width: 600px) {
.enkol {
width: 96%;
height: 660px; /* Should be removed. Only for demonstration */
}
}
/*    1 KOLONNE - slut   */