/*******************************************************************************
***********************Site name and description; and footer********************
*******************************************************************************/

/*Home Link*/
a.home {
    color: #000000;
    text-decoration: none;
    padding: 4px;
    margin: 4px;
    border-width: 5px; 
    border-style: dotted;
    border-color: rgba(127,127,127,0);
    border-radius: 50%;
}
@media only screen and (min-width: 600px) {
a.home {
    padding: 1em;
    margin: 1em;
}
}
a.home:link {
    border: none;
}
a.home:visited {
    border: 5px dotted rgba(127,127,127,1);
}
a.home:hover {
    border: 5px dotted rgba(65,242,65,1);
}
a.home:active {
    border: 5px dotted rgba(65,65,242,1);
}

#broadcast {
    margin-top: 2em;
}
/* Mobile Phones: */
#broadcast > div:first-child {
    font-family: Papyrus;
    font-size: 1.2em;
}
#broadcast > div:last-child {
    font-family: Forte;
    display: none;
    margin-left: 1em;
}
#footer {
    /*width: 99%;*/
    font-size: 0.9em;
    letter-spacing: 1px;
    word-spacing: 2px;
    text-align: center;
    background-color: rgb(103, 101, 102);
    color: #ffffff;
    padding: 1em;
    margin: 1em;
    border-radius: 15px 50px 30px;
}
#footer div#social_media_outlets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 5px 1px;
}
#footer a {
    color: #ffff00;
    text-decoration: none;
    background-color: #ffffff;
    padding: 3px;
    border-radius: 50%;
}
#footer a:link {
    color: #ffff00;
}
#footer a:visited {
    color: #9999cc;
}
#footer a:hover {
    color: #00ffff;
    background-color: #ffff00;
}
#footer a:active {
    color: #0026ff;
}
#footer > div#copy_right {
    font-size: 0.9em;
    text-align: center;
}
#footer a span {
    font-size: 1.2em;
    font-style: oblique;
    font-weight: bolder;
    background-color: rgb(103, 101, 102);
    margin: 3px;
    border-radius: 50%;
}

.sitename {
    font-family: Papyrus;
    font-size: 1.5em;
}
/* Tablets: */
@media only screen and (min-width: 600px) {
    #broadcast > div:first-child {
        text-align: center;
        font-size: 1.5em;
    }
    #broadcast > div:last-child {
        display: block;
        text-align: left;
    }
    #footer {
        border-radius: 23px 75px 45px;
    }
}
/* Desktops: */
@media only screen and (min-width: 768px) {
    #broadcast > div:first-child {
        text-align: left;
        font-size: 2em;
    }
    #broadcast > div:last-child {
        text-align: left;
    }
    #footer {
        border-radius: 30px 100px 60px;
    }
}

#footer img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
}
#footer scan#siteseal, #footer scan#siteseal * {
    visibility: hidden;
    display: none;
}