#menuToggle {
    display: none;
}

@media only screen and (max-width: 1068px) {
    .section-grid,
    .section-bsh-intro,
    .section-blog-list .section-single {
        width: 90%;
    }
    
    .section-content-home h1 {
        font-size: 45px;
    }
    
    .section-page h1,
    .section-bsh-intro h1,
    .section-bsh-whatis h1,
    .section-bsh-features h1 {
        font-size: 35px;
    }
    
    .section-bsh-intro h2,
    .section-bsh-whatis h2,
    .section-bsh-features h2 {
        font-size: 20px;
        margin-top: 20px;
    }
    
    .section-bsh-intro {
        font-size: 20px;
        margin-top: 100px;
    }
    
    .section-page h2 {
        font-size: 20px;
    }
    
    .section-page h3 {
        font-size: 20px;
    }
    
    .section-bsh-intro p {
        margin: 50px 30px;
    }
    
    .section-bsh-whatis .section-description p,
    .section-bsh-features .section-description p {
        margin-right: 0;
    }
    
    .section-blog .blog-list-2,
    .section-blog .blog-list-3 {
        grid-template-columns: 1fr;  
    }
    
    .section-blog h3 {
        font-size: 24px;
    }
    
    .section-blog h4.title {
        font-size: 12px;
    }
    
    .section-blog h2.title,
    .section-blog .blog-teaser h2.title {
        font-size: 26px;
    }
    
    .section-blog p,
    .section-blog .blog-teaser p {
        font-size: 18px;
    }
    
    .section-blog p.date {
        font-size: 12px;
    }

    .header-logo img {
        height: 25px;
    }
    
    .header-menu ul {
        background-color: white;
        position: absolute;
        display: none;
        right: 0;
        top: 0;
        width: 100%;
        float: none;
        margin-top: 60px;
    }
    
    .header-menu > ul > li {
        display: block;
        float: none;
        padding: 0 20px;
    }
    
    .header-menu > ul > li > a {
        display: block;
        float: none;
    }
    
    .header-menu .header-btn {
        margin-bottom: 35px;
        text-align: center;
    }
        
    .menuToggle {
        display: block;
    }
    
    .menuToggle span {
        background-color: black;
        height: 1px;
        width: 30px;
    }

    .line { 
       position: absolute; 
       right:20px;
       height: 4px; width: 55px; 
       background: #fff; 
       border-radius: 2px;
       display: block; 
       transition: 0.5s; 
       transform-origin: center; 
    }
    
    .line:nth-child(1) { top: 20px; }
    .line:nth-child(2) { top: 32px; }
    .line:nth-child(3) { top: 44px; }
    
    #menuToggle:checked + .menuToggle .line:nth-child(1){
       transform: translateY(12px) rotate(-45deg);
    }
    
    #menuToggle:checked + .menuToggle .line:nth-child(2){
       opacity:0;
    }
    
    #menuToggle:checked + .menuToggle .line:nth-child(3){
       transform: translateY(-12px) rotate(45deg);
    }
    
    #menuToggle:checked + .menuToggle + ul {
        display: block;
    }
}