/* a/welcome.css can override in {{docroot}}/a/ */
#welcomeimg {
        /*style='width:100%; height:auto;' border="0" */
        max-width: 100%;
        border: 0;
         /* This is what makes the background image rescale based
             on the container's size */
        background-size: cover;
        opacity: 0.4;
        position: relative;
        height: auto;
}

.welcome_msg {
   position: absolute;
   z-index: 1000;
   background-color: #92AD40;
   padding: 5px;
   color: #FFFFFF;
   font-weight: bold;
}

.anu {
        color: aliceblue;
}

#welcomeindex {
        max-width: 100%;
        max-height: 100%;
        /*display: block;  remove extra space below image */
        display: grid;
        grid-column : 1/13;
    }

nav {
        visibility: hidden;
}

main {
        display: grid;
        grid-column : 1/13;
}

article {
        display: grid;
        grid-column : 1/13;
}