html, body {
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
  }

footer {
    color: #1f1f51;;
}

.padding {
    padding-top: 2rem; 
}
.navbar {
    background-color: #1f1f51;
    padding: .8rem;
}

.navbar-brand img {
    max-width: 100%;
}

.centerDoc {
    margin: 1em;
}

.fa-store-alt, .fa-blogger-b {
    color: #1f1f51;
    font-size: 5em;
    margin: 1rem;
}
.fa-store-alt:hover, .fa-blogger-b:hover {
    color: #6f6fA1;
}
.nav-link {color: #1f1f51; text-decoration: none;}   
.nav-link:link {color: #1f1f51; text-decoration: none;}
.nav-link:visited {color: #1f1f51; text-decoration: none;}
.nav-link:hover { color: #6f6fA1; text-decoration: underline;}
.nav-link:active { color: #6f6fA1; font-weight: bold;}

.email-link {color: #1f1f51; text-decoration: none;}   
.email-link:link {color: #1f1f51; text-decoration: none;}
.email-link:visited {color: #1f1f51; text-decoration: none;}
.email-link:hover { color: #6f6fA1; text-decoration: underline;}
.email-link:active { color: #6f6fA1; font-weight: bold;}

footer {
    background-color: #1f1f51;
    color: #d5d5d5;
    padding-top: .7rem;
}
.footer-link {color: #FFFFFF; text-decoration: none;}   
.footer-link:link {color: #FFFFFF; text-decoration: none;}
.footer-link:visited {color: #FFFFFF; text-decoration: none;}
.footer-link:hover { color: #fff059; text-decoration: underline;}
.footer-link:active { color: #fff059; font-weight: bold;}
   

/*---Media Queries --*/
@media (max-width: 992px) {
    .centerDoc {
        margin: .75em;
    }
    .fa-store-alt, .fa-blogger-b {
        font-size: 4em;
        margin: .75rem;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 576px) {
    .centerDoc {
        margin: .5em;
    }
    .fa-store-alt, .fa-blogger-b {
        font-size: 3em;
        margin: .5rem;
    }
}