/* Typografie
--------------------------*/
 
a {color:#0a0a0a;}
a:hover, a:focus, a:active {color:#515151;}

body {
color:#05293a;
font-family:'Lora', serif; 
}

h1, .h1  {
    font-size:1.5rem;
    color:inherit;
    text-transform:initial;
    }

h2, .h2  {
    font-size:1.5rem;
    color:inherit;
    text-transform:initial;
    }

h3, .h3  {
    font-size:1.3rem;
    color:inherit;
    text-transform:initial;
    }

h4, .h4  {
    font-size:1.2rem;
    color:inherit;
    text-transform:initial;
    }

h5, .h5  {
    font-size:1.0rem;
    color:inherit;
    text-transform:initial;
    }

h6, .h6  {
    font-size:0.5rem;
    color:inherit;
    text-transform:initial;
    }


@media screen and (max-width: 767px) {
    html, body {
        font-size:16px;
    }

    header, .header-image, .header-color, .header-slideshow, .header-slideshow .carousel-inner > .item  {
        height: 300px;
    }

       .home header, .home .header-image, .home .header-color, .home .header-slideshow, .home .header-slideshow .carousel-inner > .item  {
        height: 300px;
    }
    }

@media only screen and (min-width:768px) and (max-width: 991px)  {
    html, body {
        font-size:15px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199px)  {
    html, body {
        font-size:14px;
    }
}

@media screen and (min-width: 1200px) {
    html, body {
        font-size:14px;
    }
}


@media screen and (min-width: 768px) { 
    .header-image, .header-color, .header-slideshow, .header-slideshow .carousel-inner > .item  {
        height: 500px;
    } 

       .home .header-image, .home .header-color, .home .header-slideshow, .home .header-slideshow .carousel-inner > .item  {
        height: 500px;
    }
    
}