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

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

}


.regular-type {
font-family: Georgia, serif;
font-size: 1.4rem;
line-height: auto;
color: #222;
}
nav {
font-family: Arvo;
font-weight: 700;
}

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

h4 {
font-size:1.7rem;
padding-bottom: 1rem;
border-bottom: solid 1px #ccc;
}

 
 article {
 font-family: Arvo, sans-serif;
 font-size: 1.3rem;
 font-weight: 300;
 }
 
 article p {
 text-justify: inter-word;
 color: #222;
 }
 
 article a {
 color: #cb4154;
 border-bottom: 1px solid white;
 }
 article a:hover {
 border-bottom: 1px solid #222;
 }
 
 nav>li { color: #ccc;}
 
 .on { color: white; }
 .off { color: #cfd8dc ; }
 
 .table1 {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
  }
  .footer {
   height: 2rem;
   background-color: rgba(0,0,0,0.5);
   width: 100%;
   position: fixed;
   bottom: 0;
   left: 0;
 }