body {    
  margin: 0 !important;
  padding: 0 !important;

  font-family: Arial, sans-serif;
}

body {
    background: #F4F4F4 url('../assets/background/bg-tegels-faded.jpeg');
    /*background: #F4F4F4;*/
    background-size: cover
}

h1 {
    text-transform: uppercase;
    color: #535353;
    margin-bottom: .2em;
}

h1 {
  font-size: 3.5rem;
}

li {
  margin: 10px 0;
  font-size: 1.5rem;
}

* {
  box-sizing: border-box; 
/* so that padding does not add to the size of the box in the example */
}

.carousel {
  background: rgba(0, 0, 0, 0.3) /* Green background with 30% opacity */
 /*   background: #EEE;*/
  }
  
.carousel img {
  display: block;
  height: 200px;
  margin: 10px;
  border-radius: 10px;
  padding: 0px;
  border: 3px solid #ddd;
/*
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    */
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    height: 400px;
  }
}