/* Typografie
--------------------------*/
 
a {color:inherit;}
a:hover, a:focus, a:active {color:inherit;}
body {color:inherit;}

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

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

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

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

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

h6, .h6  {
    font-size:0.85rem;
    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: 100px;
    }

   }

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

@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, .header-image, .header-color, .header-slideshow, .header-slideshow .carousel-inner > .item  {
        height: 100px;
    } 

   
}