body {
        color: #444444;
        background-color: #fff;
		font-family: 'Poppins', sans-serif;font-size: 1rem;
    }
	.font-alice{font-family: 'Alice', serif;font-size: 1rem;}
    h1 {}
    h2 {}
    #page{
        background-color: #FFFFFF;
        width: 60%;
        margin: 24px auto;
        padding: 12px;
    }
    #header {
        padding: 6px ;
        text-align: center;
    }
    .status3xx { background-color: #475076; color: #FFFFFF; }
    .status4xx { background-color: #C55042; color: #FFFFFF; }
    .status5xx { background-color: #F2E81A; color: #000000; }
    #content {
        padding: 4px 0 24px 0;
    }
    #footer {
        color: #333;
        background: #FFF;
        padding: 10px 20px;
        font-size: 0.8em;
        text-align: center;
    }
    #footer a {
        color: #999999;
    }
.starter-template {
    padding: 8rem 0.5rem;
	min-height:80vh
}
.nav-link{ display:inline}

.text-info{color:#138496}
.admin-edit {
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 5000;
}
  .navbar img {
    width: 70px; /*31% as you mentioned in comments*/
	color:#fff;} . navbar a{color:#FFF} .navbar-toggler-icon{border:none; color:#fff}
article{padding-top:5rem; padding-bottom:5rem; line-height:2.5rem; font-size:18px} p,ul{font-size: 1rem; font-weight:200} 
@media (max-width: 768px) {
  .navbar-brand,
  .navbar img {
    width: 70px; /*31% as you mentioned in comments*/
	color:#fff;
  }}
  .footer{background-color: #FFF; color:#333; padding:3% 0 5% 0; font-size:0.6em} .footer p{color:#333; text-transform:uppercase; font-weight:bold;font-family: 'Poppins', sans-serif; font-weight:400; font-size:0.8rem} .footer a{color:#333}.alice{font-family: 'Alice', serif!important; text-transform:none!important; font-weight:normal!important} .footer i{font-size:1rem; margin-right:1rem; padding-bottom:2rem} .text-t2s{color:#f8dc2f;}
.no-underline {text-decoration: none !important}
.bg-colour{background:#17395C}