html { 
  background: url(img/home-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.dg {
padding-left: 2rem; 
font-size:1.2rem;
}



nav {
font-family: Arvo;
font-weight: 700;
}

h1 {
font-size: 2rem;
letter-spacing: .3rem;
}

.brand-logo { 
 padding-left: 1.5rem;
 font-weight: 300;
 }
 
 article {
 font-family: Arvo, sans-serif;
 font-size: 1.3rem;
 font-weight: 300;
 }
 
 article p {
 text-justify: inter-word;
 color: #ffffff;
 }
 
 article a {
 color: #ffffff;
 border-bottom: 1px solid white;
 }
 
 nav>li { color: #ccc;}
 
 .on { color: white; }
 .off { color: #cfd8dc ; }
 
 .footer {
   height: 2rem;
   background-color: rgba(0,0,0,0.8);
   width: 100%;
   position: fixed;
   bottom: 0;
   left: 0;
 }
 

  @media screen and ( max-width: 500px ){
.dg {
padding-left: 1rem; 
font-size: .8rem;
}
}