@media only screen and (max-width : 991px) { 
    
    .description {
        font-size: 12px;
        line-height: 20px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 18px;
    }

    .section-title {
        font-size: 18px;
        line-height: 24px;
    }

    .section-title a {
        font-size: 21px;
    }

    .contact-section p {
        font-size: 12px;
    }    

    .footer-section h3 {
        font-size: 12px;
    }    

    .single-content h3 {
        font-size: 16px;
    }

    .single-content h4 {
        font-size: 14px;
    }

    .single-content p,
    .single-content ol {
        font-size: 12px;
    }

    .logo-wrapper {
        margin: 38px 0 24px;
    }

    .about-us-section {
        padding: 38px 0;
    }

    .section-title {
        margin: 20px 0 8px;
    }

    .contact-section {
        margin-bottom: 24px;
    }

}

@media only screen and (max-width : 767px) {    
    
    .top-bar .contact {
        font-size: 10px;
        line-height: 20px;
    }
    
    .logo-wrapper {
        margin: 25px 15px;
    }    
    
    .footer-section h3 {
        margin: 25px 0;   
    }
        
}

@media only screen and (max-width : 450px) {
    
    .top-bar .language-switcher .de {
        margin-left: 4px;
    }      
    .top-bar .language-switcher .en {
        margin-left: 0;
    }    
    
}