html, body {
    background-color: #fae8d8;
}


#header-logo {
    width: 300px;
}

.home-slider img {
  border-radius: 25px;
  padding: 15px;
}


.grid {
    position: relative;
}

/* Sizer defines column width (single column) */
.grid-sizer {
    width: 24%;      /* single column */
    float: left;
}

/* Default items */
.grid-item {
    width: 24%;      /* single column */
    float: left;     /* required for Packery */
    margin-bottom: 16px; /* vertical gutter */
    box-sizing: border-box;
}

/* Double-width items */
.grid-item--width2 {
    width: 49%;      /* spans 2 columns */
}

/* Images scale correctly */
.grid-item img {
    width: 100%;
    height: auto;
    display: block;
}
.roos {
    color: #f4c5bf;
}

.lroos {
    color: #ef7b97;
}

.lorange {
    color: #ffc7a4;
}

.morange {
    color: #ea8975;
}

.xlorange {
    color: #c16301;
}

.mailto {
    font-weight: bold;
    color: #c16301;
}


/* Responsive */
@media (max-width: 900px) {
    .grid-sizer,
    .grid-item {
        width: 32%;
    }
    .grid-item--width2 {
        width: 65%;
    }
}

@media (max-width: 600px) {
    .grid-sizer,
    .grid-item {
        width: 49%;
    }
    .grid-item--width2 {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .grid-sizer,
    .grid-item,
    .grid-item--width2 {
        width: 100%;
    }
}