:root{
    --content-column-size:999px;
    --content-image-size:523px;
}

m3i-articles #banner{
    width:100%;
    height:25%;
    min-height:500px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:Title;
    font-weight:600;
    color:var(--pallete-white);
    padding:1em;
    background-color:var(--pallete-2nd);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    background-blend-mode: multiply;
}

m3i-articles #banner div{
    width:100%;
    max-width:var(--content-column-size);
    margin:0 auto;
    font-size:3.3em;    
    text-shadow:0 0 10px var(--pallete-black);
}

m3i-articles #content{    
    font-family:Basic;
    padding:33px 1em;   
}

m3i-articles #column{
    width:100%;
    max-width:var(--content-column-size);
    margin:0 auto;
    padding:13px;
    background-color:var(--pallete-white);
    border-radius:13px;
}

m3i-articles #column div{
    width:100%;
}

m3i-articles #column #header{
    text-align:right;
    font-weight:600;
    font-style:italic;
    font-size:1.3em;
    margin-right:13px;
    padding:13px;
}

m3i-articles article ul{    
    margin:2em 0em  2em 4em;
}

m3i-articles article p, li, strong{
    font-size:1.3em;
    text-align:justify;
}

m3i-articles article h2{
    font-size:2.3em;
    color:var(--pallete-1st);
    margin:43px 0px 33px 0px;
    padding:0px 13px 13px 13px;
    border-bottom:2px solid var(--pallete-1st);
    text-align:left;
}

m3i-articles article h3{
    font-size:1.3em;
    color:var(--pallete-1st);
    margin:23px 13px 33px 13px;
    text-align:left;    
}

m3i-articles article h4{
    width:100%;
    max-width:var(--content-image-size);
    font-size:1em;
    font-weight:200;
    text-align:justify;
    margin:0 auto;  
}

m3i-articles article img {
    width:100%;
    max-width:var(--content-image-size);
    margin:13px 0 3px 0;
    border-radius:13px;
}