.body-home {
   
    background-image:url("https://robertgravessociety.org/images/bookshelf_blue.png"); 
    background-position:80% 20%;
    background-size:cover;
    display:grid;
    color:white;
    font-family:'Open Sans';
    grid-template-rows: auto 1fr;
margin:0;
    
    
}








.main-home {
   display:flex;
   flex-wrap:nowrap;
   width:100%;
   justify-content:space-around;


    
}


.div-main-left {
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:end;
    justify-items:center;

flex-grow:1;
}




.div-home-news {
    background-color:rgba(255,255,255,0.9);
    color:#800;
    max-width:400px;
    font-size:1.1em;
    font-style:italic;
    padding:2em;

    text-align:center;

} 


.a-home-learn {
    background-color:#800;
    padding:0.2em 0.5em 0.2em 0.5em;
    text-decoration:none;
    color:white;
    font-size:0.8em;
}

.a-home-learn:hover {
    text-decoration:underline;
}

.div-main-right {
    display:grid;
    grid-template-columns:1fr auto 2fr;
    align-items:center;
    justify-items:center;
flex-grow:2;

}

.div-home-content {
    font-size:1.2em;
    max-width:450px;
    width:100%;

 

}

.p-home-text {
    text-align:justify;
}

.p-home-learn {
    text-align:center;
}

.p-home-links {
    justify-content:space-between;
    display:flex;
    gap:1em;
}


.div-green {
    background-color:rgba(0,255,0,0.0);
    width:100%;
    height:100%;
}

.div-red {
       background-color:rgba(255,0,0,0.0);
    width:100%;
    height:100%;
}





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


    
    

.main-home {
 flex-wrap:wrap;
flex-direction:column-reverse;
    
}

.div-main-left {
    grid-template-columns:0 auto 1fr;
    align-items:start;
}

.div-main-right {
    grid-template-columns:2fr auto 1fr;
}





.div-home-news {
    font-size:0.8em;
    max-width:280px;
    
}

.div-home-content {
    font-size:0.9em;
    max-width:280px;

}



}