@media screen and (max-width: 768px){


    #logo{
        padding: 0;
        margin-top: 20px;
        max-width: 200px;
    }

    /* === START NAV === */
    #nav{
        position: fixed;
        z-index: 10;
        background: rgb(255, 255, 255, 0.9);
        top: 0;
        bottom: 0;
        left: 0%;
        right: 0;
        transform: translateX(100%);
        transition: all 0.2s ease;
    }
    .nav-icon{
        display: block;
    }
    .open-nav #nav{
        transform: translateX(0);
    }
    #nav div{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10%;
        width: 75%;
    }
    #nav ul li{
        display: block;
        text-align: left;
        margin: 20px 0;
    }
    
    li.menu-item-has-children::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url('../images/angle.png');
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
    }

    li.menu-item-has-children.openSubMenu::after{
        transform: rotate(90deg);
    }

    #nav ul li.menu-item-has-children:hover .sub-menu{
        display: none;
    }
#nav ul li .sub-menu{
    background-color: rgba(255, 255, 255, 0);
}
    .sub-menu{
        position: relative !important;
    }
    .openSubMenu .sub-menu{
        display: block !important;
    } 

#featured-img .parallax .inside{
    background-attachment: initial;
}

.wp-block-rss__item{
    width: 100%;
}
.wp-block-rss__item > *{
    width: 100%;
}
.wp-block-rss__item-author{
    order: 4;
    margin-top: 10px;
    font-size: 12px;
}
.wp-block-rss__item time{
    order: 1;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}
.wp-block-rss__item .wp-block-rss__item-title{
    order: 2;
}
.wp-block-rss__item .wp-block-rss__item-excerpt{
    order: 3;
}
    #content{
        flex-direction: column;
        padding: 0 20px;
    }
    #content .sidebar{
        order: 1;
        width: 100%;
        text-align: right;
        font-size: 14px;
        margin-bottom: 20px;
        text-align: left;
        padding: 0;
    }
    #content .main{
        width: 100%;
        order: 2;
    }

    #marquee{
        font-size: 10px;
        padding: 0;
        text-align: center;
    }
    #marquee .inside{
        flex-direction: column;
    }
    #marquee ul{
        justify-content: center;
    }

}