#content-area{
    font-family: 'Corbel', sans-serif;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    position:relative;
}

#text-area ul{
    font-size:1.5em;
    font-style:italic;
    text-align: center;
    list-style:none;
}

#text-area li{
    background-color:teal;
    padding:12px;
    color:white;
    margin:10px;
}

#text-area{
    background-color: rgba(255, 255, 255, .7);
    padding: 12px;
    grid-column: 2 / 4;
}

#text-area h1, #text-area h3{
    color:teal;
    font-family: 'Arial Black', sans-serif;
}

#text-area p{
    font-size:1.2em;
}

.sub-header > *{
    margin:0px;
}

.sub-header{
    box-sizing:border-box;
    padding:10px;
    border: 1px solid teal;
    display:flex;
    align-items: baseline;
}

#side-content{
    grid-column:1 / 2;
    box-sizing: border-box;
    padding: 12px;
    display:flex;
    flex-direction:column;
    position:relative;
    top:0;
}

#side-content h1{
    background-color: teal;
    color: white;
    padding:10px;
    font-family: 'Arial Black', sans-serif;
    text-align:center;
}

#side-content h3{
    border-bottom:1px solid teal;
    padding:8px;
    font-family: 'Arial Black', sans-serif;
    font-size:1.5em;
    color:teal;
}

#side-content > div{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
#side-content div > img{
    max-width:70%;
    min-width: 100px;
}

.linkpair{
    font-family: 'Arial Black', sans-serif;
}

.linkpair a{
    font-weight:bold;
    color: navy;
    font-style:italic;
    text-decoration:underline;
}

body{
    background: url('/public/images/assets/watermark.png');
}

@media screen and (max-width:8in){
    #content-area{
        display:flex;
        flex-wrap: wrap;
    }

    .sub-header{
        flex-direction:column;
    }
}