body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.nav-link{
    font-size:1rem;
}
.hide
{
    display:none;
    visibility:hidden;
}
.show
{
    display:inherit;
    visibility:visible;
}

/* Large desktop */
@media (min-width: 1200px) { 
    h1{
        font-size:2rem;
    }
}
@media (max-width:1999.9px){
    h1{
        font-size:2rem;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 813.01px) and (max-width: 979px) { 
    h1{
        font-size:2rem;
    }
    ul.navbar-nav li, .nav-link{
        font-size:.8rem;
        white-space:nowrap;
        padding:0px;
        margin-left:0px;
        margin-right:0px;
    }
}

@media (min-width: 767.01px) and (max-width: 813px) {
     ul.navbar-nav li, .nav-link{
        font-size:.7rem;
        white-space:nowrap;
        padding:0px;
        margin-left:0px;
        margin-right:0px;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    h1{
        font-size:1em;
    }
    
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    h1{
        font-size:1em;
    }
    
}