/*
Copyright (c) Internet XS Service GmbH - All Rights Reserved
Unauthorized copying of this file, via any medium is strictly prohibited.
Proprietary and confidential.

http://www.internet-xs.de
info@internet-xs.de

Project : kb.internet-xs.de (kb.internet-xs.de)
File    : responsive.css.css
Created : 2020-11-20 05:10:34
Author  : Tobias Dietz <dietz@internet-xs.de>
*/
/* 
    Created on : 20.11.2020, 17:10:34
    Author     : dietz
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .page-title {
        font-size: 2.3rem;
    }

    .page-title > small {
        font-size: 2rem;
        font-weight: 300;
        color: #999999;
    }

    #main-container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #page-footer {
        padding: 2rem 0;
    }

    #page-breadcrumb{
        display: block;
    }

    #article-teaser {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

    #article-content h2 {
        margin-top: 4rem;
    }

    #article-meta{
        padding: 3rem;
    }
    
    #article-short-meta {
        margin-bottom: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}