/*** FORMATTING CONVENTION *********************/
/* Classes are listed alphabetically           */
/* Properties in classes listed alphabetically */
/* Leaving a gap of two lines between classes  */
/***********************************************/


.a-footer {
    color:white;
    font-weight:bold;
    text-decoration:underline;
}


.a-footer:hover {
    color:var(--red);
}


.div-footer-blue {
    background-color:#022f7f;
    height:0.1em;
    width:100%;
}


.div-footer-bottom {
    align-items:center;    
    font-size:1em;
    grid-template-columns:auto 1fr auto;
}  


.div-footer-bottom,
.div-footer-top {
    display:grid;
    gap:2em;
    max-width:var(--maxw);
    width:100%;
}


.div-footer-center {
    display:grid;
      grid-template-columns: 1fr;
    justify-items:center
}


.div-footer-navy {
    background-color:var(--navy);
    box-sizing:border-box;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    padding:2em;
    width:100%;
}


.div-footer-nowrap {
    display:flex;
    flex-wrap:nowrap;
    gap:0.25em;
    
}


.div-footer-red {
    background-color:var(--red);
    height:0.5em;
    width:100%;
}


.div-footer-top {
    font-size:1.2em;
    grid-template-columns:1fr auto 1fr;
}


.img-footer-logo {
    width:10em;
}    


.li-circle {
    background-image: url("https://robertgraves.org/svg/circle.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    list-style: none;
    margin-top:1em;
    padding: 0 0 0 1.5em;
}  


.p-footer-heading {
    font-size:1.8em;
    font-weight:bold;
    margin-top:0;
}    
  
.p-footer-quote {
    background-image:url("https://robertgraves.org/svg/quotes.svg");
    background-repeat: no-repeat;
    background-size:2.7em;
    padding-top:1.5em;
}

.p-footer-text {
    margin-top:0;
}    


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

    .div-footer-top,.div-footer-bottom {
        grid-template-columns:1fr;
        justify-items:center;
    }

}