@media(max-width: 900px)
{
    h1,h2,h3 {
        font-size: 20px !important;
    }
    h4 {
        font-size: 18px !important;
    }
    h5 {
        font-size: 16px !important;
    }
    h6 {
        font-size: 14px !important;
    }
    p , a , li {
        font-size: 12px !important;
    }
    .mobile-none{
        display: none !important;
    }
    .screen-none
    {
        display: block !important;
    }
    .articles .box , 
    .articles .box .content .details
    {
        flex-direction: column;
    }
    .gallery .nav-pills .nav-link,
    .projects .nav-pills .nav-link
    {
        margin: 10px;
    }
    .articles .box .content .details
    {
        justify-content: flex-start;
        align-items: self-start;
    }
    .articles .box .image-content ,
    .articles .box .content
    {   
        width: 100%;
    }
    header .image-content
    {
        height: 150px;
    }
    .gallery .image-content svg
    ,.gallery .image-content {
        height: 300px
    }
    header .content
    {
        padding: 20px 0px;
    }
}