@media only screen and (max-width: 1024px){
h1{
    font-size:1.2em;  
}

.nava a{
    padding:6px 12px;
    font-size:0.9em;
}
    
h2{
    font-size:1em;
}

.articlea{
    font-size:0.9em;
}

.articleb{
    font-size:0.9em;
}
    
}

@media only screen and (max-width: 865px){
h1{
    font-size:1.1em;  
}

.nava a{
    padding:2px 4px;
    font-size:0.8em;
}
    
.footera{
    font-size:0.7em;
}
    
}

@media only screen and (max-width: 720px) {
h1{
    font-size: 0.95em;
}
    
.icontainer {
    width: 98%;
    margin-left: 0%;
    margin-bottom: 4%;
}
}

@media only screen and (max-width: 600px) {
h2{
    margin-top:2%;
}
    
.sectiona{
    display:flex;
    flex-direction:column;
}
    
.articlea{
    display:flex;
    width:100%;
}
    
    #t1{
        order:1;
        flex-grow:1;
    }
    
    #i1{
        order:2;
        flex-grow:1;
        margin-bottom:15px;
    }
    
    #t2{
        order:3;
        flex-grow:1;
    }
    
    #i2{
        order:4;
        flex-grow:1;
    }
    
    #t3{
        display:block;
    }
    
    #i3{
        order:2;
        flex-grow:1;
        margin-bottom:15px;
    }
    
    #t4{
        order:3;
        flex-grow:1;
    }
    
    #i4{
        order:4;
        flex-grow:1;
    }
    
    #a2{
        display:block;
    }
    
    #a3{
        display:block;
    }
    
.footera{
    flex-flow:column wrap;
    align-items:center;
    gap:1em;
}

}