/* import Montserrat font  */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700');

body, html{
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    margin: 0px;
}

body{
    background: #F4F4F4 url('../assets/hero_taart.png');
    background-size: cover; 
}

#home-container{
    display: grid;
    grid-template-columns: .5fr 1fr 1fr .5fr; /* for left and right sections */
    grid-gap: 10px;
    grid-template-areas: 
            ". left right .";
/*    height: 100%; */
    height: 400px;
}

#inner{
    grid-area: left;
    align-self: center;
    justify-self: center;
}

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

p.subtitle{
    font-size: 1.4em;
    color: #4d4949;
    margin-top: 0;
}
p.contact {
  font-size: 1.4em;
  color: #4d4949;
  margin-top: 0;
}

* { box-sizing: border-box; }

.carousel {
    background: #EEE;
  }
  
  .carousel img {
    display: block;
    height: 200px;
  }
  
  @media screen and ( min-width: 768px ) {
    .carousel img {
      height: 400px;
    }
  }