body {
    padding-top: 50px; /* Padding for .navbar-fixed-top. Change value if navbar height changes. Remove if using .navbar-static-top. */
}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 60px 0;
    text-align: center;
}


.new-container { 
  display: grid;
  grid-template-areas: 
    "nav article ads";
  grid-template-rows: 80px 1fr 70px;  
  grid-template-columns: 20% 1fr 15%;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  height: 100vh;
  margin: 0;
  padding: 1.2em;
  background: white;
  }
#mainArticle { 
  grid-area: article;      
  }
#mainNav { 
  grid-area: nav; 
  }
#siteAds { 
  grid-area: ads; 
  } 
/* ADDED BY ME. Stack the layout on small devices/viewports. */
@media all and (max-width: 575px) {
  .new-container { 
    grid-template-areas:    
      "article"
      "ads"
      "nav"
      "footer";
    grid-template-rows: 80px 1fr 70px 1fr 70px;  
    grid-template-columns: 1fr;
 }
}
/* ADDED BY ME. Don't hightlight Leo */
.no-link-highlight {
 a,
  a:visited {
    text-decoration: none;
    }
  a:link {
          text-decoration: none
      }
  a:hover {
        text-decoration: none;
    }
  a:active {text-decoration: none;
    }
    
      
  }