/* --- 4. Footer Styling --- */

.site-footer {
   
    padding: 0.5rem;
    margin-top:1em;
    background-color: #fcfcfc;
    text-align: center;
    border:none;
}
#footnote-1 p {
	text-align:justify; 
	line-height:1.5em;
}
.footer-content {
    max-width: 800px;
    margin: 1em auto;
}
.footer-text {
    font-size: 0.9rem;
    margin:1em auto 3em;
    color: #666;
}
.copyright-text {
    font-size: 0.9rem;
    margin:1em auto;
    color: #666;
}
.social-links a {
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 1.2rem;
}
.social-links img {
    vertical-align: middle;
    width: 50%;
}

@media screen and (min-width: 300px) and (max-width: 599px) {
		footer, footer ul, #copyR {
			font-size:14px;
		}
		footer ul {
			padding: 1em;
		}
		footer text {
			width:60%;
			margin:20%;
			text-align:justify; 
		}
}